Sawirro

Mar kasta oo aad u baahan tahay inaad soo bandhigto qayb ka mid ah nuxurka-sida sawir leh ciwaan ikhtiyaari ah, tixgeli inaad isticmaasho a <figure>.

Isticmaal kuwa ku jira .figure, .figure-imgiyo .figure-captionfasallada si aad u bixiso qaar ka mid ah qaababka aasaasiga ah ee HTML5 <figure>iyo <figcaption>walxaha. Sawirada jaantusyadu ma laha cabbir cad, markaa hubi inaad ku darto .img-fluidfasalkaaga si aad <img>uga dhigto mid jawaab celin leh.

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

Isku toosinta qoraalka shaxanka way fududahay isticmaalkayada qoraalka .

<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

Kala duwanaansho

$figure-caption-font-size:          $small-font-size;
$figure-caption-color:              $gray-600;