0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Bootstrap/docs/content/figures.md
Heinrich Fenkart 66be25917a Docs: various fixes
Mostly links.
Fixes #17056.
2015-08-21 02:15:17 +02:00

1.1 KiB

layout title group
docs Figures 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]({{ site.baseurl }}/components/utilities/#text-alignment).

{% example html %}

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