bootstrap/docs/content/figures.md
Mark Otto c064eef67b Massive cleanup
- Simpler main nav on all pages
- Back to purple masthead on homepage instead of dark graphite
- Active link styles on the main nav
- Cleaned up sidebar nav
- New docs layout name
- Homepage copy edits
- Updated bright purple docs color
2015-08-14 22:45:55 -07:00

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 %}