Amanani
Amaxwebhu kunye nemizekelo yokubonisa imifanekiso ehambelanayo kunye nokubhaliweyo kunye necandelo lomfanekiso kwi-Bootstrap.
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="A generic square placeholder image with rounded corners in a figure.">
<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="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>