in English
Shifrat
Dokumentacioni dhe shembuj për shfaqjen e imazheve dhe tekstit të lidhur me komponentin figura në Bootstrap.
Në këtë faqe
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-end">A caption for the above image.</figcaption>
</figure>
Sass
Variablat
$figure-caption-font-size: $small-font-size;
$figure-caption-color: $gray-600;