in English
Shifrat
Dokumentacioni dhe shembuj për shfaqjen e imazheve dhe tekstit të lidhur me komponentin figura në Bootstrap.
Sa herë që ju duhet të shfaqni një pjesë të përmbajtjes - si një imazh me një titull opsional, merrni parasysh përdorimin e një <figure>
.
Përdorni klasat e përfshira .figure
dhe .figure-img
për .figure-caption
të ofruar disa stile bazë për HTML5 <figure>
dhe <figcaption>
elementë. Imazhet në figura nuk kanë madhësi të qartë, prandaj sigurohuni që të shtoni .img-fluid
klasën në tuaj <img>
për ta bërë atë të përgjegjshme.
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
Përafrimi i titullit të figurës është i lehtë me shërbimet tona të tekstit .
<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>