Ana içeriğe geç Dokümanlar navigasyonuna atla
Check
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 .figureve .figure-imgsı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>

Placeholder 400x300
Yukarıdaki resim için bir başlık.
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>

Metin yardımcı programlarımızla şeklin başlığını hizalamak kolaydır .

Placeholder 400x300
Yukarıdaki resim için bir başlık.
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>

küstah

Değişkenler

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