Source

Sawirro

Dukumeenti iyo tusaalooyin muujinta sawiro iyo qoraal la xidhiidha oo leh qaybta jaantuska ee Bootstrap.

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.

400x300
Qoraal ku saabsan sawirka kore.
<figure class="figure">
  <img src=".../400x300" 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>

Isku toosinta qoraalka shaxanka way fududahay isticmaalkayada qoraalka .

400x300
Qoraal ku saabsan sawirka kore.
<figure class="figure">
  <img src=".../400x300" 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>