Images & Figures

Image Center Align
...
Image Right Align
...
Image Left Align

Use .float-start class to img tag to get left align image.

...
Image With Radius

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

...
Responsive image

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

...
Rounded Image

Use .rounded-pill class to img tag to get rounded 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.

...
Figures
...
A caption for the above image.
...
A caption for the above image.