in English

Фигуралар

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>

Сасс

Айнымалылар

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