Skip to main content

Figures

Documentation and examples for displaying related images and text with the figure component in boodoo.

Anytime you need to display a piece of content—like an image with an optional caption—consider using a <figure>.

Figure example
A caption for the above image.
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>