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:
@@ -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 %}
|
||||
|
Reference in New Issue
Block a user