in English
rakamlar
Bootstrap'ta şekil bileşeniyle ilgili resimleri ve metni görüntülemek için belgeler ve örnekler.
Bu sayfada
İsteğe bağlı altyazılı bir resim gibi bir içerik parçasını görüntülemeniz gerektiğinde, bir <figure>
.
HTML5 ve öğeler için bazı temel stiller sağlamak üzere dahil edilen .figure
ve .figure-img
sınıflarını kullanın. Şekillerdeki görüntülerin açık bir boyutu yoktur, bu nedenle duyarlı hale getirmek için sınıfınıza eklediğinizden emin olun..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>
Metin yardımcı programlarımızla şeklin başlığını hizalamak kolaydır .
<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>
küstah
Değişkenler
$figure-caption-font-size: $small-font-size;
$figure-caption-color: $gray-600;