Line 52: | Line 52: | ||
</div> | </div> | ||
− | </ | + | <div class="container"> |
− | </ | + | <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
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):