Figures

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.

<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;