in English
Figures
Dokumintaasje en foarbylden foar it werjaan fan besibbe ôfbyldings en tekst mei de figuer komponint yn Bootstrap.
Op dizze side
Elke kear as jo in stik ynhâld moatte werjaan - lykas in ôfbylding mei in opsjonele titel, beskôgje dan it brûken fan in <figure>
.
Brûk de ynbegrepen .figure
, .figure-img
en .figure-caption
klassen om wat baseline-stilen te leverjen foar de HTML5 <figure>
en <figcaption>
eleminten. Ofbyldings yn sifers hawwe gjin eksplisite grutte, dus wês der wis fan dat jo de .img-fluid
klasse oan jo tafoegje <img>
om it responsyf te meitsjen.
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
It byskrift fan 'e figuer is maklik mei ús teksthulpprogramma 's .
<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
Fariabelen
$figure-caption-font-size: $small-font-size;
$figure-caption-color: $gray-600;