Hướng dẫn which of the following code results gray background color in bootstrap? - đoạn mã nào sau đây dẫn đến màu nền xám trong 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á.

Màu sắc

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-body

.text-muted

.text-white

.text-black-50

.text-white-50

 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-body">.text-body

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

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

class="text-black-50">.text-black-50

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

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 .text-white.text-muted không có kiểu liên kết bổ sung ngoài việc gạch chân.Note that the .text-white and .text-muted class has no additional link styling beyond underline.

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 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 color, vì vậy trong một số trường hợp, bạn sẽ muốn sử dụng các tiện ích .text-*.do not set color, so in some cases you’ll want to use .text-* utilities.

.bg-primary

.bg-secondary

.bg-success

.bg-danger

.bg-warning

.bg-info

.bg-light

.bg-dark

.bg-white

.bg-transparent

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

Độ 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

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

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

2.

Làm cách nào để có được màu nền màu xám trong bootstrap?

Để thêm màu nền màu xám nhạt vào thẻ trong bootstrap, hãy sử dụng lớp ngữ cảnh BG-light với lớp thẻ.use the bg-light contextual class with the card class.

Làm thế nào để bạn đặt một màu nền trên bootstrap?

Chúng ta có thể thêm màu nền vào Div bằng cách chỉ cần thêm lớp BG BG-PRIMary ,, BG BG-thành viên, BG BG-Danger ,, BG BG-Info, và nhiều hơn nữa như trong các ví dụ sau.adding class “bg-primary”, “bg-success”, “bg-danger”, “bg-info”, and many more as shown in the following examples.

Bootstrap thang độ xám là gì?

Grayscale là một chủ đề trang web đa năng, một trang có bố cục tối cùng với hình ảnh động trang cuộn trơn tru.a multipurpose, one page website theme featuring a dark layout along with smooth scrolling page animations.

Mã màu bootstrap là gì?

Đủ màu sắc..
$ Blue #0d6efd.$ blue-100.$ blue-200.$ Blue-300.....
$ Indigo #6610f2.$ Indigo-100.$ Indigo-200.....
$ tím #6F42C1.$ tím-100.$ tím-200.....
$ Pink #D63384.$ Pink-100.$ Pink-200.....
$ đỏ #DC3545.$ Red-100.$ Red-200.....
$ Orange #FD7E14.$ Orange-100.$ Orange-200.....
$ Vàng #FFC107.$ vàng-100.$ vàng-200.....
$ Green #198754.$ Green-100.$ Green-200 ..