Source

Фигуралар

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

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

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

400x300
Жогорудагы сүрөт үчүн жазуу.
<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>

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

400x300
Жогорудагы сүрөт үчүн жазуу.
<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>