Bootstrap Images

tutorial and example
tutorial and example

Bootstrap images are used to create the different type of style like the circle, thumbnail, rounded etc.

There are following classes of images:

Image Classes Description
.img-rounded It is used to create rounded corners shape of the image.
.img-circle It is used to create circle shape of the image.
.img-thumbnail It adds a bit of padding and a gray border.

Bootstrap image-rounded

The image class .img-rounded is used to create rounded corners shape of the image.

Note: IE8 does not support rounded corners.

Example

Try Now

Bootstrap image-Circle

The image class .img- circle is used to create circle shape of the image.

Example

Try Now

Bootstrap image-thumbnail

The image class .img- circle is used to create rounded corners to an image.

Example

Try Now

Bootstrap Responsive Image

The image class .img- responsive is used to create the responsive image. It will automatically adjust to fit the size of the screen.

Example

Try Now