Wednesday, July 23, 2014

Bootstrap Images

We will learn regarding Images support in Bootstrap in this tutorial. Bootstrap is providing below mentioned three classes which can be used to apply simple styles on images.





  • The class .img-rounded: apply border-radius:6px rounded corners to the image .




  • The class .img-circle: builds the whole image round by adding the style border-radius:500px.




  • The class .img-thumbnail: apply slightly padding and a grey border:




The following example show image behaviours:


<img src="images/download.png" class="img-rounded">
<img src="images/download.png" class="img-circle">
<img src="images/download.png" class="img-thumbnail">



Bootstrap Images

No comments:

Post a Comment