Fig dɛn

Ɛnitɛm we yu nid fɔ sho sɔntin—lɛk pikchɔ we gɛt kɔpshɔn we yu want, tink bɔt fɔ yuz wan <figure>.

Yuz di inklud .figure, .figure-imgɛn .figure-captionklas dɛn fɔ gi sɔm beslayn stayl dɛn fɔ di HTML5 <figure>ɛn <figcaption>di ɛlimɛnt dɛn. Pikchɔ dɛn we de na figa dɛn nɔ gɛt sayz we klia, so mek shɔ se yu ad di .img-fluidklas to yu <img>fɔ mek i ansa.

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

Fɔ alaynɛt di figa in kapshɔn izi wit wi tɛks yutiliti dɛn .

<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 bin de

Di tin dɛn we kin chenj

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