Akɔntabubuwo

Nuŋlɔɖi kple kpɔɖeŋuwo hena nɔnɔmetata kple nuŋɔŋlɔ siwo do ƒome kplii ɖeɖefia kple nɔnɔmetata ƒe akpa si le Bootstrap me.

Le axa sia dzi

Ɣesiaɣi si wòahiã be nàɖe nyatakaka aɖe afia—abe nɔnɔmetata si dzi woŋlɔ nu ɖo ene la, bu a <figure>.

Zã included .figure, .figure-imgkple .figure-captionklasswo nàtsɔ ana gɔmedzedze ƒe atsyã aɖewo na HTML5 <figure>kple <figcaption>elements. Nɔnɔmetata siwo le xexlẽdzesiwo me ƒe lolome medze ƒã o, eyata kpɔ egbɔ be yetsɔ .img-fluidklass la kpe ɖe tɔwò <img>ŋu be wòawɔ dɔ nyuie.

Nɔnɔmetata si le etame la ƒe akpa aɖe.

html

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

Nɔnɔmetata la ƒe nyawo tsɔtsɔ sɔ kple wo nɔewo le bɔbɔe le míaƒe nuŋɔŋlɔ ƒe dɔwɔnuwo zazã me .

Nɔnɔmetata si le etame la ƒe akpa aɖe.

html

<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 ƒe nyawo

Nusiwo trɔna

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