Негизги мазмунга өтүү Документтердин навигациясына өтүү
Check
in English

Фигуралар

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

Бул бетте

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

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

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

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

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

Өзгөрмөлөр

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