Source

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.

Ɣ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 eŋu kpɔ be yeazã <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.

400x300 ƒe lolome
Nɔnɔmetata si le etame la ƒe akpa aɖe.
<figure class="figure">
  <img src=".../400x300" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <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 .

400x300 ƒe lolome
Nɔnɔmetata si le etame la ƒe akpa aɖe.
<figure class="figure">
  <img src=".../400x300" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>