Source

Ziwerengero

Zolemba ndi zitsanzo zowonetsera zithunzi ndi zolemba zogwirizana ndi gawo lachithunzi mu Bootstrap.

Nthawi iliyonse mukafuna kuwonetsa zina - monga chithunzi chokhala ndi mawu ofotokozera, lingalirani kugwiritsa ntchito <figure>.

Gwiritsani ntchito zophatikizidwa .figure, .figure-imgndi .figure-captionmakalasi kuti mupereke masitayelo oyambira a HTML5 <figure>ndi <figcaption>zinthu. Zithunzi muzithunzi zilibe kukula, choncho onetsetsani kuti mwawonjezera .img-fluidkalasi yanu <img>kuti ikhale yomvera.

400x300
Mawu ofotokozera chithunzi pamwambapa.
<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>

Kuyanjanitsa mawu omasulira ndikosavuta ndi zolemba zathu .

400x300
Mawu ofotokozera chithunzi pamwambapa.
<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>