in English
Amanani
Amadokhumenti nezibonelo zokubonisa izithombe ezihlobene nombhalo nengxenye yesibalo ku-Bootstrap.
Kuleli khasi
Noma nini lapho udinga ukubonisa ucezu lokuqukethwe—njengesithombe esinamagama-ncazo ongasikhetha, cabanga ukusebenzisa i- <figure>
.
Sebenzisa okufakiwe .figure
, .figure-img
kanye .figure-caption
namakilasi ukuze unikeze izitayela eziyisisekelo ze-HTML5 <figure>
nezici <figcaption>
. Izithombe ezisezibalo azinasayizi osobala, ngakho qiniseka ukuthi ungeza .img-fluid
ikilasi kwelakho <img>
ukuze ulenze liphendule.
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
Ukuqondanisa amagama-ncazo wesithombe kulula ngezinsiza zethu zombhalo .
<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
Okuguquguqukayo
$figure-caption-font-size: $small-font-size;
$figure-caption-color: $gray-600;