1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (1 Kişi oy verdi, 5 üzerinden ortalama puan: 5,00.
Bu yazıya oy vermek ister misiniz?)
Loading...
Bootstrap

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 ClassClassın Tanımı
.leadBir paragrafı öne çıkarır.
.smallMetinleri daha küçük olarak gösterir. (Parent elementin boyutunu %85’i)
.text-leftMetni sola hizalı hale getirir.
.text-rightMetni sağa hizalı hale getirir.
.text-centerMetni ortalar.
.text-justifyMetni iki yana yaslar
.text-nowrapMetinde herhangi bir kayma işlemi gerçekleşmez.
.text-lowercaseTüm metni küçük harfe dönüştürür.
.text-uppercaseTüm metni büyük harfe dönüştürür.
.text-capitalizeKelimelerin ilk harfi büyük diğerleri küçük olacak şekilde ayarlar.
.list-inlineTüm itemları tek satırda gösterir.
.pre-scrollable<pre> etiketini scrollu hale getirir.
.list-unstyledVarsayılan liste sitillerini iptal eder ve left margin özelliğini iptal eder.

Yorum Yap