Warna Bootstrap 5

Warna Teks

Bootstrap 5 memiliki beberapa kelas konteks yang dapat digunakan untuk menyediakan 'arti yang diungkapkan 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 body default/biasanya hitam）
  • .text-light

Contoh

Coba Sendiri

Anda juga dapat menggunakan .text-black-50 atau .text-white-50 Tambahkan 50% kepadatan teks hitam atau putih dengan kelas:

Contoh

Coba Sendiri

Warna Latar Belakang

Kelas untuk warna latar belakang adalah:

  • .bg-primary
  • .bg-success
  • .bg-info
  • .bg-warning
  • .bg-danger
  • .bg-secondary
  • .bg-dark
  • .bg-light

Perhatikan, warna latar belakang tidak akan mengatur warna teks, jadi dalam beberapa kasus, Anda perlu menggunakannya dengan .text-* Gunakan kelas warna bersama-sama.

Contoh

Coba Sendiri