in English
Xifres
Documentació i exemples per mostrar imatges i text relacionats amb el component figura a Bootstrap.
Sempre que necessiteu mostrar un contingut, com ara una imatge amb un subtítol opcional, penseu a utilitzar un fitxer <figure>
.
Utilitzeu les classes incluses i .figure
per proporcionar alguns estils de referència per a HTML5 i elements. Les imatges en figures no tenen una mida explícita, així que assegureu-vos d'afegir la classe a la vostra per fer-la responsiva..figure-img
.figure-caption
<figure>
<figcaption>
.img-fluid
<img>
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
Alinear el títol de la figura és fàcil amb les nostres utilitats de text .
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>