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.

Ramazan Bıyıkcı

Merhaba! Ben Ramazan. Medya Planlama ve Dijital Pazarlama Uzmanıyım. Çağımız medya çağı, hayatımızın bir çok alanı online olmuş durumda. Bu süreçte bende marka ve kurumların dijital ihtiyaçlarını karşılayacak şekilde planlamalar yapmaktayım. Bir çok markanın dijital pazarlama alanındaki online faaliyetlerini sürdürmekteyim. Farklı uzmanlık alanlarında çalışarak halen kendimi sürekli yenileyerek geliştirmekteyim.

Yorum Yap

Ramazan Bıyıkcı

"Merhaba! Ben Ramazan. Medya Planlama ve Dijital Pazarlama Uzmanıyım. Çağımız medya çağı, hayatımızın bir çok alanı online olmuş durumda. Bu süreçte bende markaların dijital ihtiyaçlarını karşılayacak şekilde planlamalar yaparak ve bir çok markanın dijital pazarlama alanındaki faaliyetlerini sürdürmekteyim. Farklı görevler ve farklı uzmanlık alanlarında çalışarak halen kendimi sürekli yenileyerek geliştirmekteyim."