1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-25 21:09:06 +02:00

add basic figure support

This commit is contained in:
Mark Otto
2015-08-09 21:42:47 -07:00
parent 253bb378e2
commit 08d6dc5b71
18 changed files with 84 additions and 16 deletions

View File

@@ -78,3 +78,14 @@ Align images with the [helper float classes](/components/helpers) or [text align
<img src="..." class="img-rounded" alt="...">
</div>
{% endhighlight %}
## Figures
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 %}
<figure class="figure">
<img data-src="holder.js/400x300" class="img-rounded" alt="A generic square placeholder image with rounded corners in a figure.">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
{% endexample %}