twbs--bootstrap/docs/content/figures.md

1.0 KiB

layout title group
docs Images content

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

Use the included .figure and .figure-caption classes to provide some baseline styles for the HTML5 <figure> and <figcaption> elements. As a bonus, immediate children images are automatically responsive.

{% example html %}

A generic square placeholder image with rounded corners in a figure.
A caption for the above image.
{% endexample %}

Aligning the figure's caption is easy with our text utilities.

{% example html %}

A generic square placeholder image with rounded corners in a figure.
A caption for the above image.
{% endexample %}