Bootstrap tối

Tất cả các lớp ở trên (Ngoại trừ. chữ trắng &. text-muted) can apply for the Link to setting mầu chữ cho Liên kết. Bootstrap hỗ trợ các trạng thái hover và focus tương ứng với mỗi màu nói trên

văn bản-màu-liên kết-ví dụ

Primary link
Secondary link
Success link
Danger link
Warning link
Info link
Light link
Dark link
Muted link
White link

2- Màu nền (Mầu nền)

Tương tự như màu chữ (Màu văn bản), Bootstrap cũng cung cấp các lớp để thiết lập màu nền cho phần tử

bg-màu-ví dụ

.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark
.bg-white
.bg-transparent

3- VIỆC CẦN LÀM (Gradien)

You can you quan tâm

Đây là các từ khóa học trực tuyến bên ngoài trang web o7planning mà chúng tôi giới thiệu, nó có thể bao gồm các từ khóa học miễn phí hoặc giảm giá

Truyền đạt ý nghĩa thông qua màu sắc với một số lớp tiện ích màu sắc. Bao gồm hỗ trợ cho các liên kết tạo kiểu với trạng thái di chuột

Màu

văn bản chính

văn bản phụ

văn bản thành công

văn bản nguy hiểm

văn bản cảnh báo

thông tin văn bản

ánh sáng văn bản

văn bản tối

văn bản bị tắt tiếng

chữ trắng

 class="text-primary">.text-primary

 class="text-secondary">.text-secondary

 class="text-success">.text-success

 class="text-danger">.text-danger

 class="text-warning">.text-warning

 class="text-info">.text-info

 class="text-light bg-dark">.text-light

 class="text-dark">.text-dark

 class="text-muted">.text-muted

 class="text-white bg-dark">.text-white

Các lớp văn bản theo ngữ cảnh cũng hoạt động tốt trên các neo với trạng thái di chuột và tiêu điểm được cung cấp. Lưu ý rằng lớp

.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark
.bg-white
.bg-transparent

2 và

.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark
.bg-white
.bg-transparent

3 không có kiểu dáng liên kết

 href="#" class="text-primary">Primary link
 href="#" class="text-secondary">Secondary link
 href="#" class="text-success">Success link
 href="#" class="text-danger">Danger link
 href="#" class="text-warning">Warning link
 href="#" class="text-info">Info link
 href="#" class="text-light bg-dark">Light link
 href="#" class="text-dark">Dark link
 href="#" class="text-muted">Muted link
 href="#" class="text-white bg-dark">White link

Màu nền

Tương tự như các lớp màu văn bản theo ngữ cảnh, dễ dàng đặt nền của một phần tử thành bất kỳ lớp theo ngữ cảnh nào. Các thành phần neo sẽ tối hơn khi di chuột, giống như các lớp văn bản. Các tiện ích nền không đặt

.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark
.bg-white
.bg-transparent

4, vì vậy trong một số trường hợp, bạn sẽ muốn sử dụng các tiện ích

Primary link
Secondary link
Success link
Danger link
Warning link
Info link
Light link
Dark link
Muted link
White link

0

bg-chính

bg-trung học

bg-success

nguy hiểm bg

cảnh báo bg

thông tin bg

ánh sáng bg

bg-tối

bg-trắng

 class="p-3 mb-2 bg-primary text-white">.bg-primary

Primary link
Secondary link
Success link
Danger link
Warning link
Info link
Light link
Dark link
Muted link
White link

Primary link
Secondary link
Success link
Danger link
Warning link
Info link
Light link
Dark link
Muted link
White link

Primary link
Secondary link
Success link
Danger link
Warning link
Info link
Light link
Dark link
Muted link
White link

 class="p-3 mb-2 bg-gradient-primary text-white">.bg-gradient-primary
 class="p-3 mb-2 bg-gradient-secondary text-white">.bg-gradient-secondary
 class="p-3 mb-2 bg-gradient-success text-white">.bg-gradient-success
 class="p-3 mb-2 bg-gradient-danger text-white">.bg-gradient-danger
 class="p-3 mb-2 bg-gradient-warning text-dark">.bg-gradient-warning
 class="p-3 mb-2 bg-gradient-info text-white">.bg-gradient-info
 class="p-3 mb-2 bg-gradient-light text-dark">.bg-gradient-light
 class="p-3 mb-2 bg-gradient-dark text-white">.bg-gradient-dark

Primary link
Secondary link
Success link
Danger link
Warning link
Info link
Light link
Dark link
Muted link
White link

Primary link
Secondary link
Success link
Danger link
Warning link
Info link
Light link
Dark link
Muted link
White link