Bir avuç renk yardımcı sınıfıyla renk aracılığıyla anlamı iletin. Vurgulu durumları olan bağlantıların stillendirilmesi için de destek içerir.
Renk
.text-birincil
.text-ikincil
.text-başarı
.text-tehlike
.text-uyarı
.text-bilgi
.text-ışık
.text-dark
.text-body
.text-sessiz
.text-beyaz
.text-siyah-50
.text-beyaz-50
Bağlamsal metin sınıfları, sağlanan vurgulu ve odak durumlarıyla bağlantılarda da iyi çalışır. and sınıfının altı çizili dışında ek bağlantı stili olmadığını unutmayın ..text-white.text-muted
Bağlamsal metin renk sınıflarına benzer şekilde, bir öğenin arka planını herhangi bir bağlamsal sınıfa kolayca ayarlayın. Bağlantı bileşenleri, tıpkı metin sınıfları gibi, üzerine gelindiğinde kararacaktır. Arka plan yardımcı programları ayarlanmazcolor , bu nedenle bazı durumlarda yardımcı programları kullanmak isteyeceksiniz .text-*.
.bg-birincil
.bg-ikincil
.bg-başarı
.bg-tehlike
.bg-uyarı
.bg-bilgi
.bg-light
.bg-karanlık
.bg-beyaz
.bg-şeffaf
Arka plan gradyanı
$enable-gradientstrue olarak ayarlandığında, yardımcı .bg-gradient-program sınıflarını kullanabileceksiniz. Varsayılan $enable-gradientsolarak devre dışıdır ve aşağıdaki örnek kasıtlı olarak bozulmuştur. Bu, Bootstrap'ı kullanmaya başladığınız andan itibaren daha kolay özelleştirme için yapılır. Bu sınıfları ve daha fazlasını etkinleştirmek için Sass seçeneklerimiz hakkında bilgi edinin .
.bg-gradient-birincil
.bg-gradient-ikincil
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-uyarı
.bg-gradient-info
.bg-gradyan-ışık
.bg-gradient-dark
Spesifiklikle başa çıkmak
Bazen, başka bir seçicinin özgüllüğü nedeniyle bağlamsal sınıflar uygulanamaz. Bazı durumlarda, öğenizin içeriğini <div>sınıfla birlikte sarmak yeterli bir geçici çözümdür.
Yardımcı teknolojilere anlam taşıma
Renkleri anlam eklemek için kullanmak yalnızca görsel bir gösterge sağlar ve ekran okuyucular gibi yardımcı teknolojilerin kullanıcılarına iletilmez. Renkle gösterilen bilgilerin ya içeriğin kendisinden (örn. görünen metin) açık olduğundan ya da .sr-onlysınıfla gizlenmiş ek metin gibi alternatif yollarla dahil edildiğinden emin olun.