Làm cách nào để thay đổi màu thanh điều hướng trong Bootstrap?
Cải thiện bài viết
Lưu bài viết
Thích bài viết
- Độ khó. Dễ dàng
- Cập nhật lần cuối. 03 tháng 8 năm 2021
Cải thiện bài viết
Lưu bài viết
Có thể thay đổi màu thanh điều hướng trong Bootstrap bằng 2 phương pháp
Phương pháp 1. Sử dụng các lớp màu sẵn có
Thay đổi màu văn bản
Màu văn bản của thanh điều hướng có thể được thay đổi bằng hai lớp có sẵn.
- thanh điều hướng. Lớp này sẽ đặt màu của văn bản thành màu tối. Điều này được sử dụng khi sử dụng màu nền sáng
- thanh điều hướng tối. Lớp này sẽ đặt màu của văn bản thành ánh sáng. Điều này được sử dụng khi sử dụng màu nền tối
Thay đổi màu nền
Bootstrap 4 có một vài lớp sẵn có cho màu của bất kỳ nền nào. Chúng có thể được sử dụng để đặt màu nền của thanh điều hướng. Các lớp nền khác nhau có sẵn là
- bg-chính. Điều này đặt màu thành màu chính
- bg-trung học. Điều này đặt màu thành màu phụ
- bg-success. Điều này đặt màu thành màu thành công
- nguy hiểm bg. Điều này đặt màu thành màu nguy hiểm
- cảnh báo bg. Điều này đặt màu thành màu cảnh báo
- thông tin bg. Cái này đặt màu thành màu thông tin
- ánh sáng bg. Điều này đặt màu thành màu sáng
- bg-tối. Điều này đặt màu thành màu tối
- bg-trắng. Điều này đặt màu thành màu trắng
- bg-trong suốt. Điều này đặt thanh điều hướng trong suốt
Thí dụ.
html