in English
Sawirro
Dukumeenti iyo tusaalooyin muujinta sawiro iyo qoraal la xidhiidha oo leh qaybta shaxanka ee Bootstrap.
Boggaan
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-img
iyo .figure-caption
fasallada 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-fluid
fasalkaaga 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;