saftutorials.com
Bootstrap Images

Bootstrap has 3 default image class. Bootstrap can make an image fully responsive, circled, or thumbnail. If you want to make your image responsive or circle or thumbnail then you can use Bootstrap default image classes.


Bootstrap Image classes

There is 3 class for Bootstrap image class like .img-rounded, .img-circle, .img-thumbnail


Bootstrap Image Responsive


Bootstrap Image Rounded

<img src="http://www.saftutorials.com/uploads/sample.png" alt="Image Rounded" class="img-rounded">

Output: 



Bootstrap Image Circle

<img src="http://www.saftutorials.com/uploads/sample.png" alt="Image Circle" class="img-circle">

Output: 



Bootstrap Image Thumbnail

<img src="http://www.saftutorials.com/uploads/sample.png" alt="Image Thumbnail" class="img-thumbnail">

Output:

Image Thumbnail




Find us on

Facebook Google Plus Twitter Pinterest YouTube

web statistic