Bootstrap Images

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

Leave a Comment