Ábrák
Dokumentáció és példák kapcsolódó képek és szövegek megjelenítéséhez a Bootstrap ábra komponensével.
Bármikor meg kell jelenítenie egy tartalmat – például egy képet opcionális felirattal, fontolja meg a <figure>
.
Használja a mellékelt .figure
, .figure-img
és .figure-caption
osztályokat, hogy megadjon néhány alapstílust a HTML5 -höz <figure>
és az <figcaption>
elemekhez. Az ábrákon szereplő képeknek nincs kifejezett mérete, ezért ügyeljen arra, hogy adja hozzá az .img-fluid
osztályt, <img>
hogy érzékeny legyen.
<figure class="figure">
<img src="..." class="figure-img img-fluid 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>
Az ábra feliratának igazítása szöveges segédprogramjainkkal egyszerű .
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
<figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>