Source

I figuri

Documentazione è esempii per vede l'imaghjini è u testu in relazione cù u cumpunente di figura in Bootstrap.

Ogni volta chì avete bisognu di vede un pezzu di cuntenutu, cum'è una maghjina cù una didascalia opzionale, cunzidira à utilizà un <figure>.

Aduprate l'inclusi .figure, .figure-imgè e .figure-captionclassi per furnisce alcuni stili di basa per l'HTML5 <figure>è <figcaption>l'elementi. L'imaghjini in figuri ùn anu micca una dimensione esplicita, cusì assicuratevi di aghjunghje a .img-fluidclassa à u vostru <img>per fà rispunse.

400 x 300
Una didascalia per l'imaghjini sopra.
<figure class="figure">
  <img src=".../400x300" 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>

Allineà a didascalia di a figura hè faciule cù i nostri utilità di testu .

400 x 300
Una didascalia per l'imaghjini sopra.
<figure class="figure">
  <img src=".../400x300" 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>