Фигуралар

Bootstrap ичиндеги фигура компоненти менен байланышкан сүрөттөрдү жана текстти көрсөтүү үчүн документтер жана мисалдар.

Бул бетте

Кошумча жазуусу бар сүрөт сыяктуу мазмундун бир бөлүгүн көрсөтүшүңүз керек болгон учурда, <figure>.

HTML5 жана элементтер үчүн кээ бир базалык стилдерди берүү үчүн .figureкамтылган .figure-imgжана класстарды колдонуңуз . Цифралардагы сүрөттөрдүн ачык өлчөмү жок, андыктан классты жоопко тартуу үчүн классыңызды кошуңуз..figure-caption<figure><figcaption>.img-fluid<img>

Жогорудагы сүрөт үчүн жазуу.

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

Биздин тексттик утилиталарыбыз менен фигуранын коштомо жазуусун тегиздөө оңой .

Жогорудагы сүрөт үчүн жазуу.

<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

Өзгөрмөлөр

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