Hướng dẫn bootstrap colors codes - mã màu bootstrap
Truyền đạt ý nghĩa thông qua màu sắc với một số ít các lớp tiện ích màu sắc. Bao gồm hỗ trợ cho các liên kết kiểu dáng với các trạng thái di chuột, quá. Show Màu sắc.text-primary .text-secondary .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-muted .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 các trạng thái lơ lửng và tập trung được cung cấp. Lưu ý rằng lớp
Màu nềnTươ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 ngữ cảnh nào. Các thành phần neo sẽ tối trên 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-thành công .bg-danger .bg-warning .bg-info .bg-light .bg-dark .bg-white
Độ dốc nềnKhi .bg-gradient-primary .bg-gradient-secondary .bg-gradient-success .bg-gradient-danger .bg-gradient-warning .bg-gradient-info .bg-gradient-light .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 1 với lớp.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 2. |