Esasy mazmuna geçiň Docs nawigasiýasyna geçiň
Check
in English

Sanlar

Bootstrap-da şekil komponenti bilen baglanyşykly suratlary we teksti görkezmek üçin resminamalar we mysallar.

Bu sahypada

Islän wagtyňyz mazmun böleklerini görkezmeli bolarsyňyz, islege bagly ýazgyly şekil ýaly, a ulanmagy göz öňünde tutuň <figure>.

HTML5 we elementler üçin esasy stilleri üpjün etmek üçin goşulan we synplary ulanyň .figure. Sanlardaky şekilleriň aç-açan ululygy ýok, şonuň üçin synpy täsirli etmek üçin synpyňyzy goşuň ..figure-img.figure-caption<figure><figcaption>.img-fluid<img>

Placeholder 400x300
Aboveokardaky surat üçin ýazgy.
html
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

Suratyň ýazgysyny deňleşdirmek, tekst kömekçi enjamlarymyz bilen aňsat .

Placeholder 400x300
Aboveokardaky surat üçin ýazgy.
html
<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

Üýtgeýjiler

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