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

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

Rounded Image
Use .rounded-pill
class to img
tag to get rounded image.

Image Left Align

Image Center Align

Image Right Align

Figures


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.
