Images & Figures

Responsive image

Use .img-fluid className to the img tag to get responsive image.

...
Image With Radius

Use .rounded className along with .img-fluid to get border radius.

...
Image With Radius

Use .rounded-pill className to img tag to get rounded image.

...
Image Left Align
...
Image Center Align
...
Image Right Align
...
Figures
...
A caption for the above image.
...
A caption for the above image.
Image Thumbnail

Use .img-thumbnail to give an image a rounded 1px border.

...
Rounded Thumbnail

Use .rounded-pill along with .img-thummbnail to get radius.

...