Source

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 .figureper 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>

Una imatge de marcador de posició quadrada genèrica amb cantonades arrodonides en una figura.
Un títol per a la imatge de dalt.
<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>

Alinear el títol de la figura és fàcil amb les nostres utilitats de text .

Una imatge de marcador de posició quadrada genèrica amb cantonades arrodonides en una figura.
Un títol per a la imatge de dalt.
<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>