Figures
Documentation and examples for displaying related images and text with the figure component in Bootstrap.
Figures on BootstrapExample
Anytime you need to display a piece of content—like an image with an optional caption, consider using a figure
.

<figure class="figure"><img class="figure-img img-fluid rounded" src="../../../assets/img/team/24.jpg" alt="..." />
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
Caption Alignment
Aligning the figure’s caption is easy with bootstrap text utilities

<figure class="figure"><img class="figure-img img-fluid rounded" src="../../../assets/img/team/25.jpg" alt="" />
<figcaption class="figure-caption text-end">A caption for the above image.</figcaption>
</figure>