Passà à u cuntenutu principale Salta à a navigazione di documenti
in English

I figuri

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

In sta pagina

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.

Placeholder 400x300
Una didascalia per l'imaghjini sopra.
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <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 .

Placeholder 400x300
Una didascalia per l'imaghjini sopra.
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption text-end">A caption for the above image.</figcaption>
</figure>

Sass

Variabili

$figure-caption-font-size:          $small-font-size;
$figure-caption-color:              $gray-600;