Bootstrap 5 Màu sắc

Màu văn bản

Bootstrap 5 có một số lớp ngữ cảnh có thể được sử dụng để cung cấp 'một ý nghĩa nào đó được biểu đạt qua màu sắc'.

Các lớp dành cho màu văn bản là:

  • .text-muted
  • .text-primary
  • .text-success
  • .text-info
  • .text-warning
  • .text-danger
  • .text-secondary
  • .text-white
  • .text-dark
  • .text-body（màu mặc định của body/thường là đen）
  • .text-light

Mô hình

Thử ngay

Bạn có thể sử dụng .text-black-50 hoặc .text-white-50 Thêm 50% độ mờ cho văn bản màu đen hoặc trắng:

Mô hình

Thử ngay

Màu nền

Các lớp dành cho màu nền là:

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

Lưu ý rằng màu nền không thiết lập màu văn bản, vì vậy trong một số trường hợp, bạn cần phải sử dụng chúng với .text-* Sử dụng cùng lúc các lớp màu.

Mô hình

Thử ngay