Gean nei haadynhâld Gean nei dokumintnavigaasje
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-imgen .figure-captionklassen 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-fluidklasse oan jo tafoegje <img>om it responsyf te meitsjen.

Placeholder 400x300
In byskrift foar de boppesteande ôfbylding.
<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 .

Placeholder 400x300
In byskrift foar de boppesteande ôfbylding.
<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;