Figürler

Herhangi bir içeriği—seçenekel bir altyazı ile birlikte bir resim gibi—göstermek istediğinizde, bir `` kullanmayı düşünün.

ipucu

.figure, .figure-img ve .figure-caption sınıflarını kullanarak HTML5 ve öğeleri için stiller uygulayabilirsiniz.

Dahil edilen .figure, .figure-img ve .figure-caption sınıflarını, HTML5 ve öğeleri için bazı temel stiller sağlamak üzere kullanın. Figürlerdeki resimlerin belirli bir boyutu yoktur, bu nedenle `öğenize yanıt veren hale getirmek için.img-fluid` sınıfını eklemeyi unutmayın.

Yukarıdaki resim için bir altyazı.

Figürün altyazısını hizalamak, metin yardımcı programlarımız ile kolaydır.

bilgi

Figür altyazılarınızı hizalarken, text-start, text-center veya text-end sınıflarını kullanarak ihtiyacınıza göre düzenlemeler yapabilirsiniz.

Yukarıdaki resim için bir altyazı.

Özelleştirme

SASS değişkenleri

not

Kendi stilinizi oluşturmak için SASS değişkenlerini özelleştirerek figür bileşenlerinizin görünümünü değiştirebilirsiniz.