Bootstrap Home
Getting Started
File Structure
BOOTSTRAP CSS
Grid System
Bootstrap Typography
Bootstrap Code
Bootstrap Table
Bootstrap Forms
Bootstrap Input
Bootstrap Button
Bootstrap Images
COMPONENTS
Bootstrap Glyphicons
BS Glyphicon List
Bootstrap Alert
Bootstrap Badges
Bootstrap Breadcrumb
Bootstrap Cards
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.
There is 3 class for Bootstrap image class like .img-rounded, .img-circle, .img-thumbnail.
<img src="http://www.raajrani.com/tutorials/uploads/sample.png" alt="Image Rounded" class="img-rounded">
Output:
<img src="http://www.raajrani.com/tutorials/uploads/sample.png" alt="Image Circle" class="img-circle">
Output:
<img src="http://www.raajrani.com/tutorials/uploads/sample.png" alt="Image Thumbnail" class="img-thumbnail">
Output:
