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

Line 52: Line 52:
 
</div>
 
</div>
  
</body>
+
<div class="container">
</html>
+
  <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>
 +
  <img class="img-responsive" src="img_chania.jpg" alt="Chania" width="460" height="345">  
 +
</div>
  
  
  
 
</html>
 
</html>

Revision as of 13:04, 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