Şimdi yükleniyor

Bootstrap İçeriksel Renkler – Metin Renk Classları

Bootstrap’da içeriksel renkler içeriklerde anlamı sağlamak için içeriksel classları kullanabiliriz. muted, primary, success gibi bir çok içerik class’ı ile metinlerimizi vurgulayabiliriz. Örneğin bir işlem gerçekleştirdik ve sonucu olarak yeşil renkte bir yazı göstermek istiyoruz kullanıcıya bunun için text-success class’ını kullanabiliriz.

iceriksel-renkler
İçeriksel renk classlarının kullanımı
iceriksel-renkler-sonuc
İçeriksel renk classlarının kullanımı ile ortaya çıkan sonuç

 

Aşağıda  tipografi işlemlerinde kullanılan diğer classlar ve tanımları yer almaktadır.

Kullanılan Class Classın Tanımı
.lead Bir paragrafı öne çıkarır.
.small Metinleri daha küçük olarak gösterir. (Parent elementin boyutunu %85’i)
.text-left Metni sola hizalı hale getirir.
.text-right Metni sağa hizalı hale getirir.
.text-center Metni ortalar.
.text-justify Metni iki yana yaslar
.text-nowrap Metinde herhangi bir kayma işlemi gerçekleşmez.
.text-lowercase Tüm metni küçük harfe dönüştürür.
.text-uppercase Tüm metni büyük harfe dönüştürür.
.text-capitalize Kelimelerin ilk harfi büyük diğerleri küçük olacak şekilde ayarlar.
.list-inline Tüm itemları tek satırda gösterir.
.pre-scrollable <pre> etiketini scrollu hale getirir.
.list-unstyled Varsayılan liste sitillerini iptal eder ve left margin özelliğini iptal eder.

Yorum gönder