Bootstrap 4 Warna
Warna Teks
Bootstrap 4 memiliki beberapa kelas kontekstual yang dapat digunakan untuk memberikan "makna melalui warna".
Kelas untuk warna teks adalah: .text-muted
,
.text-primary
, .text-success
, .text-info
,
.text-warning
, .text-danger
, .text-secondary
, .text-white
,
.text-dark
, .text-body
(warna badan default/sering hitam) dan .text-light
:
Contoh
This text is muted.
This text is important.
This text indicates success.
This text represents some information.
This text represents a warning.
This text represents danger.
Secondary text.
Dark grey text.
Body text.
Light grey text.
Kelas teks kontekstual juga dapat digunakan pada tautan, yang akan menambahkan warna kursor yang lebih gelap:
Contoh
Anda juga dapat menambahkan opacity 50% untuk teks hitam atau putih dengan kelas .text-black-50
or .text-white-50
:
Contoh
Black text with 50% opacity on white background
White text with 50% opacity on black background
Warna Latar Belakang
Kelas untuk warna latar belakang adalah: .bg-primary
,
.bg-success
, .bg-info
, .bg-warning
, .bg-danger
, .bg-secondary
, .bg-dark
dan .bg-light
.
Perhatikan bahwa warna latar belakang tidak mengatur warna teks, jadi dalam beberapa kasus Anda ingin menggunakannya bersama dengan .text-*
kelas.
Contoh
This text is important.
This text indicates success.
This text represents some information.
This text represents a warning.
This text represents danger.
Secondary background color.
Dark grey background color.
Light grey background color.