in English
Zifrak
Bootstrap-en irudi osagaiarekin erlazionatutako irudiak eta testua bistaratzeko dokumentazioa eta adibideak.
Orrialde honetan
Eduki bat bistaratu behar duzun bakoitzean (adibidez, aukerako epigrafea duen irudi bat, kontuan hartu <figure>
.
Erabili barne .figure
, .figure-img
eta klaseak HTML5 eta elementuetarako .figure-caption
oinarrizko estilo batzuk emateko . Irudietako irudiek ez dute tamaina espliziturik, beraz, ziurtatu klasea gehitzen duzula zure erantzuteko.<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>
Irudiaren epigrafea lerrokatzea erraza da gure testu-utilitateekin .
<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
Aldagaiak
$figure-caption-font-size: $small-font-size;
$figure-caption-color: $gray-600;