Buuka ku bigambo ebikulu Buuka ku docs navigation
Check
in English

Ebibalo

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

Ku muko guno

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.

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

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

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

Enkyukakyuka ezikyukakyuka

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