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
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):