Difference between revisions of "Team:Aalto-Helsinki/testpage"

Line 55: Line 55:
 
   <h2>Image</h2>
 
   <h2>Image</h2>
 
   <p>The .img-responsive class makes the image scale nicely to the parent element (resize the browser window to see the effect):</p>
 
   <p>The .img-responsive class makes the image scale nicely to the parent element (resize the browser window to see the effect):</p>
   <img class="img-responsive" src="img_chania.jpg" alt="Chania" width="460" height="345">  
+
   <img class="img-responsive" src="https://www.w3schools.com/bootstrap/img_chania.jpg" alt="Chania" width="460" height="345">  
 
</div>
 
</div>
  

Revision as of 13:05, 26 July 2018

Bootstrap Example

My First Bootstrap Page

Resize this responsive page to see the effect!

Column 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Button Styles

Image

The .img-responsive class makes the image scale nicely to the parent element (resize the browser window to see the effect):

Chania