Bootstrap CSS Images Reference
Bootstrap Images
Rounded Corners:
Circle:
Thumbnail:
<img> Classes
The classes below can be used to style any image:
Class | Description | Example |
---|---|---|
.img-rounded | Adds rounded corners to an image (not available in IE8) | Try it |
.img-circle | Shapes the image to a circle (not available in IE8) | Try it |
.img-thumbnail | Shapes the image to a thumbnail | Try it |
.img-responsive | Makes an image responsive (will scale nicely to the parent element) | Try it |
Responsive Images
Create responsive images by adding an .img-responsive
class
to the <img>
tag. The image will then scale nicely to the parent element.
The .img-responsive
class applies max-width: 100%
, height: auto
,
and display:block
to the image: