Sampaikan makna melalui warna dengan segelintir kelas utiliti warna. Termasuk sokongan untuk penggayaan pautan dengan keadaan tuding juga.
Warna
.teks-utama
.teks-menengah
.teks-kejayaan
.teks-bahaya
.teks-amaran
.teks-maklumat
.teks-cahaya
.teks-gelap
.teks-badan
.teks diredam
.teks-putih
.teks-hitam-50
.teks-putih-50
Kelas teks konteks juga berfungsi dengan baik pada sauh dengan keadaan tuding dan fokus yang disediakan. Ambil perhatian bahawa kelas .text-whitedan .text-mutedtidak mempunyai penggayaan pautan tambahan di luar garis bawah.
Sama seperti kelas warna teks kontekstual, tetapkan latar belakang elemen kepada mana-mana kelas kontekstual dengan mudah. Komponen anchor akan menjadi gelap pada tuding, sama seperti kelas teks. Utiliti latar belakang tidak ditetapkancolor , jadi dalam beberapa kes anda perlu menggunakan .text-*utiliti.
.bg-utama
.bg-menengah
.bg-kejayaan
.bg-bahaya
.bg-amaran
.bg-info
.bg-cahaya
.bg-gelap
.bg-putih
.bg-telus
Kecerunan latar belakang
Apabila $enable-gradientsditetapkan kepada benar, anda akan dapat menggunakan .bg-gradient-kelas utiliti. Secara lalai, $enable-gradientsdilumpuhkan dan contoh di bawah sengaja dipecahkan. Ini dilakukan untuk penyesuaian yang lebih mudah dari saat anda mula menggunakan Bootstrap. Ketahui tentang pilihan Sass kami untuk mendayakan kelas ini dan banyak lagi.
.bg-gradient-primary
.bg-gradient-secondary
.bg-kecerunan-kejayaan
.bg-gradient-bahaya
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-light
.bg-gradient-gelap
Berurusan dengan kekhususan
Kadangkala kelas kontekstual tidak boleh digunakan kerana kekhususan pemilih lain. Dalam sesetengah kes, penyelesaian yang mencukupi ialah membungkus kandungan elemen anda dalam a <div>dengan kelas.
Menyampaikan makna kepada teknologi bantuan
Menggunakan warna untuk menambah makna hanya memberikan petunjuk visual, yang tidak akan disampaikan kepada pengguna teknologi bantuan - seperti pembaca skrin. Pastikan maklumat yang dilambangkan dengan warna sama ada jelas daripada kandungan itu sendiri (cth teks yang boleh dilihat), atau disertakan melalui cara alternatif, seperti teks tambahan yang tersembunyi dengan .sr-onlykelas.