Getting started!

Images

Responsive images

Add img-fluid class to an img element to get responsive image.

Image responsive

Responsive raised images

Add img-fluid class and img-raised to an img element to get responsive image.

Image responsive

Image thumbnails

In addition to our border-radius utilities, you can use img-thumbnail to give an image a rounded 1px border appearance.

Image thumbnail

Rounded images

Add rounded class to an img element for getting a rounded image.

Image thumbnail

Rounded circle images

Add rounded-circle class to an img element to get a rounded circle image.

Image thumbnail

Raised images

Add img-raised class to an img element to get raised image.

Image thumbnail
Image rounded
Image circle