Kalo te përmbajtja kryesore Kalo te navigimi i dokumenteve
Check
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 .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.

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

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