Source

rakamlar

Bootstrap'ta şekil bileşeniyle ilgili resimleri ve metni görüntülemek için belgeler ve örnekler.

İ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>

400x300
Yukarıdaki resim için bir başlık.
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <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 .

400x300
Yukarıdaki resim için bir başlık.
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>