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;