Hướng dẫn what is bootstrap color codes? - mã màu bootstrap là gì?

 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

 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

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

Độ dốc nền

Khi $enable-gradients được đặt thành True, bạn sẽ có thể sử dụng các lớp tiện ích .bg-gradient-. Theo mặc định, $enable-gradients bị vô hiệu hóa và ví dụ dưới đây bị phá vỡ một cách có chủ ý. Điều này được thực hiện để tùy chỉnh dễ dàng hơn từ thời điểm bạn bắt đầu sử dụng Bootstrap. Tìm hiểu về các tùy chọn SASS của chúng tôi để kích hoạt các lớp này và hơn thế nữa.By default, $enable-gradients is disabled and the example below is intentionally broken. This is done for easier customization from the moment you start using Bootstrap. Learn about our Sass options to enable these classes and more.

.bg-gradient-primary

.bg-gradient-secondary

.bg-gradient-success

.bg-gradient-danger

.bg-gradient-warning

.bg-gradient-info

.bg-gradient-light

.bg-gradient-dark

 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

Đối phó với tính đặc hiệu

Đôi khi các lớp theo ngữ cảnh không thể được áp dụng do tính đặc hiệu của một bộ chọn khác. Trong một số trường hợp, một cách giải quyết đủ là kết thúc nội dung phần tử của bạn trong mộ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

Truyền đạt ý nghĩa để hỗ trợ các công nghệ

Sử dụng màu sắc để thêm ý nghĩa chỉ cung cấp một dấu hiệu trực quan, sẽ không được chuyển đến người dùng các công nghệ hỗ trợ - chẳng hạn như đầu đọc màn hình. Đảm bảo rằng thông tin được biểu thị bằng màu là rõ ràng từ chính nội dung (ví dụ: văn bản có thể nhìn thấy) hoặc được bao gồm thông qua các phương tiện thay thế, chẳng hạn như văn bản bổ sung ẩn với lớp

 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

Các màu bootstrap là gì?

Có bao nhiêu màu trong bootstrap?

Các mã màu trong CSS là gì?

Mã màu HTML là gì?