Shifrat

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.

<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;