1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
twbs--bootstrap/docs/content/figures.md
Heinrich Fenkart c585ea5bdf Merge pull request #17027 from n1c/patch-1
Title on Figures page should be Figures and not Images?
2015-08-21 01:20:51 +02:00

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.

{% example html %}

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