Raqamlar

Bootstrap-da rasm komponenti bilan tegishli tasvirlar va matnlarni ko'rsatish uchun hujjatlar va misollar.

Ushbu sahifada

Ixtiyoriy sarlavhali rasm kabi kontent qismini ko‘rsatishingiz kerak bo‘lganda, dan foydalaning <figure>.

HTML5 va elementlar uchun ba'zi asosiy uslublarni taqdim etish uchun kiritilgan .figure, .figure-imgva sinflardan foydalaning. Raqamlardagi tasvirlar aniq o'lchamga ega emas, shuning uchun uni sezgir qilish uchun sinfni qo'shishni unutmang..figure-caption<figure><figcaption>.img-fluid<img>

Yuqoridagi rasm uchun sarlavha.

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>

Rasmning sarlavhasini tekislash bizning matn yordam dasturlarimiz yordamida oson .

Yuqoridagi rasm uchun sarlavha.

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

O'zgaruvchilar

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