Images & Figures

  1. Elements
  2. Images & Figures
Responsive image

Use.img-fluidclass 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
...
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.

...