Bootstrap 4 màu
Màu văn bản
Bootstrap 4 có một số lớp 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 cho màu văn bản là:,,,,,, (
.text-mutedmàu
.text-primarynội .text-successdung mặc định / thường là
màu đen) và :.text-info.text-warning.text-danger.text-secondary.text-white.text-dark.text-body.text-light
Thí 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, chúng sẽ thêm màu di chuột tối hơn:
Thí dụ
Bạn cũng có thể thêm độ mờ 50% cho văn bản đen hoặc trắng với .text-black-50hoặc .text-white-50các lớp:
Thí 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 cho màu nền là : .bg-primary,,,, và .
.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 sẽ muốn sử dụng chúng cùng với một .text-*lớp.
Thí 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.