Source

Ebibalo

Ebiwandiiko n'ebyokulabirako eby'okulaga ebifaananyi ebikwatagana n'ebiwandiiko n'ekitundu ky'ekifaananyi mu Bootstrap.

Buli lw’oba ​​weetaaga okulaga ekitundu ekirimu —okufaananako ekifaananyi ekiriko ebigambo by’oyinza okukozesa, lowooza ku ky’okukozesa <figure>.

Kozesa included .figure, .figure-imgne .figure-captionclasses okuwa emisono egimu egy'omusingi ku HTML5 <figure>n'ebintu <figcaption>. Ebifaananyi ebiri mu bifaananyi tebirina sayizi ya lwatu, n’olwekyo kakasa nti ogattako .img-fluidkiraasi ku yo <img>okusobola okugiddamu.

400x300 nga bwe kiri
Ebigambo ebiwandiikiddwa ku kifaananyi waggulu.
<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>

Okukwataganya ebigambo ebiwandiikiddwa ku kifaananyi kyangu n’ebikozesebwa byaffe eby’ebiwandiiko .

400x300 nga bwe kiri
Ebigambo ebiwandiikiddwa ku kifaananyi waggulu.
<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>