Bootstrap 4 màu
Màu văn bản
Bootstrap 4 có một số lớp theo ngữ cảnh có thể được sử dụng để cung cấp "ý nghĩa thông 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 nội dung mặc định/thường là màu đen) và .text-light
:
Ví dụ
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.
Các lớp văn bản theo ngữ cảnh cũng có thể được sử dụng trên các liên kết, điều này sẽ thêm màu di chuột tối hơn:
Ví dụ
Bạn cũng có thể thêm độ mờ 50% cho văn bản đen hoặc trắng bằng các lớp .text-black-50
hoặc .text-white-50
:
Ví dụ
Black text with 50% opacity on white background
White text with 50% opacity on black background
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
và .bg-light
.
Lưu ý rằng màu nền không đặt màu văn bản, vì vậy trong một số trường hợp, bạn sẽ muốn sử dụng chúng cùng với lớp .text-*
.
Ví dụ
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.