Figures

Zvinyorwa uye mienzaniso yekuratidza ine hukama mifananidzo uye zvinyorwa zvine chimiro chechikamu muBootstrap.

Pa peji ino

Chero nguva yaunoda kuratidza chidimbu chemukati-semufananidzo une chinyorwa chaunosarudza, funga kushandisa a <figure>.

Shandisa iyo inosanganisirwa .figure, .figure-imguye .figure-captionmakirasi kupa mamwe ekutanga masitaera eHTML5 <figure>uye <figcaption>zvinhu. Mifananidzo iri munhamba haina hukuru hwakajeka, saka iva nechokwadi chekuwedzera .img-fluidkirasi kune yako <img>kuti iite sekudaira.

Chinyorwa chemufananidzo uri pamusoro.

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

Kuenzanisa mufananidzo wemufananidzo zviri nyore nezvinyorwa zvedu zvekushandisa .

Chinyorwa chemufananidzo uri pamusoro.

<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

Variables

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