Bootstrap class: .figure

    <figure class="figure">
        <img src="https://via.placeholder.com/800x450" class="figure-img img-fluid rounded" alt="">
        <figcaption class="figure-caption">A caption example for the image.</figcaption>
    </figure>

Preview

A caption example for the image.

Check .figure in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →

Open in Visual Editor →

Open in Visual Editor →

Open in Visual Editor →

Open in Visual Editor →

Open in Visual Editor →

Open in Visual Editor →

Open in Visual Editor →

Open in Visual Editor →

Tips 💡

You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.

More in Bootstrap Figure

Bootstrap 4 & 5