Chế độ tối Bootstrap 5
Chế độ tối
Theo mặc định, các trang bootstrap có màu nền trắng (sáng).
Nếu bạn muốn thay đổi toàn bộ trang sang màu tối hơn, bạn có thể thêm data-bs-theme="dark"
vào phần tử <html>
:
Chế độ tối cho các thành phần
Nếu bạn không muốn toàn bộ trang có màu tối hơn mà chỉ có các thành phần cụ thể, bạn có thể thêm thuộc tính data-bs-theme="dark"
vào thành phần được chỉ định.
Ví dụ: thêm chế độ tối vào bảng:
Hoặc ví dụ: thêm chế độ tối vào menu thả xuống: