in English
Figures
Takaddun bayanai da misalai don nuna hotuna masu alaƙa da rubutu tare da ɓangaren adadi a cikin Bootstrap.
Duk lokacin da kuke buƙatar nuna guntun abun ciki-kamar hoto tare da taken zaɓi, yi la'akari da amfani da <figure>
.
Yi amfani da haɗaɗɗen .figure
, .figure-img
da .figure-caption
azuzuwan don samar da wasu salo na asali don HTML5 <figure>
da <figcaption>
abubuwa. Hotunan da ke cikin adadi ba su da takamaiman girman, don haka tabbatar da ƙara .img-fluid
ajin zuwa gare ku <img>
don sa ya zama mai karɓa.
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
Daidaita taken adadi yana da sauƙi tare da kayan aikin mu na rubutu .
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>