Source

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 .figuredhe .figure-imgpër .figure-captiontë 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-fluidklasën në tuaj <img>për ta bërë atë të përgjegjshme.

400x300
Një mbishkrim për imazhin e mësipërm.
<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>

Përafrimi i titullit të figurës është i lehtë me shërbimet tona të tekstit .

400x300
Një mbishkrim për imazhin e mësipërm.
<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>