in English
Amanani
Amaxwebhu kunye nemizekelo yokubonisa imifanekiso ehambelanayo kunye nokubhaliweyo kunye necandelo lomfanekiso kwi-Bootstrap.
Kweli phepha
Nanini na xa ufuna ukubonisa isiqwenga somxholo-njengomfanekiso onesihloko esikhethiweyo, cinga ukusebenzisa i <figure>
.
Sebenzisa okuqukiweyo .figure
, .figure-img
kunye .figure-caption
neeklasi ukubonelela ngezitayile ezisisiseko zeHTML5 <figure>
kunye <figcaption>
nezinto. Imifanekiso kumanani ayinabukhulu obucacileyo, ke qiniseka ukuba wongeza .img-fluid
iklasi yakho <img>
ukuyenza iphendule.
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
Ukulungelelanisa i-caption yomfanekiso kulula ngezixhobo zethu zokubhaliweyo .
<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
Izinto eziguquguqukayo
$figure-caption-font-size: $small-font-size;
$figure-caption-color: $gray-600;