When using figures or captions, text should be left-aligned and at a slightly smaller font size. Text should be contextual, giving the picture in question meaning beyond what is clearly visible in the picture. Furthermore, captions should be fairly brief.

Anytime you need to display a piece of content—like an image with an optional caption, consider using the `figure` tag.

Use the included `.figure` , `.figure-img` and `.figure-caption` classes to provide some baseline styles for the HTML5 `figure` and `figcaption` elements. Images in figures have no explicit size, so be sure to add the `.img-fluid` class to your `img` to make it responsive.

Placeholder100%x180
The new XC25 was featured at a recent event, hosted by the Air Conditioner Association of America.
<div style="max-width: 400px">
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">The new XC25 was featured at a recent event, hosted by the Air Conditioner Association of America.</figcaption>
</figure>
</div>