Working with Images and Figures

Bootstrap makes it easy to make images responsive and styled.

Responsive Image

<img src="image.jpg" class="img-fluid" alt="Responsive image">

Rounded and Thumbnail

<img src="img.jpg" class="rounded">
<img src="img.jpg" class="img-thumbnail">

Figures

<figure class="figure">
  <img src="img.jpg" class="figure-img img-fluid" alt="...">
  <figcaption class="figure-caption">A caption for the image.</figcaption>
</figure>