cuốn sách gpt4 ai đã làm

html - Thể hiện liên kết thanh điều hướng Bootstrap

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 12:15:20 27 4
mua khóa gpt4 Nike

Tôi đang cố gắng làm cho các liên kết trong thanh điều hướng mở rộng toàn bộ chiều dài của thanh điều hướng. Tôi nhìn xung quanh và tìm thấy một số thông tin hữu ích nhưng không thể làm cho nó hoạt động được

HTML:

Đây là thanh điều hướng của tôi. Tôi đã thử thêm nav-justified vào thẻ ul của mình và đặt CSS sau

.navbar-nav>li {
phao: không có;
}

Cách tiếp cận này hiệu quả nhưng nó làm giảm tất cả các liên kết do những gì tôi cho là thương hiệu

nhập mô tả hình ảnh ở đây

Tôi đã lấy nút home ra khỏi tiêu đề và thêm nó vào li trong ul của mình (tôi không muốn nó bị sập nhưng tôi nghĩ tôi sẽ kiểm tra nó) và điều này cũng hiệu quả

nhập mô tả hình ảnh ở đây

Vấn đề ở trên là mọi thứ dường như được căn chỉnh sang bên phải, trong khi tôi cần nó được căn chỉnh sang bên trái. Tôi đang vật lộn với điều này, bất kỳ trợ giúp nào cũng sẽ được đánh giá cao.

câu trả lời hay nhất

Lúc đầu, tôi đã giải quyết vấn đề này bằng cách thay đổi mã của mình:

đến:

Điều này có vẻ hiệu quả nhưng nó làm rối tung rất nhiều định dạng được xử lý bởi lớp navbar-nav.

Sau khi xem tệp css boostrap và thử một vài lớp, tôi đã giải quyết được vấn đề. nav-justified được đặt thành chiều rộng 100%, nhưng do một số phần đệm được đặt trong lớp navbar-nav, điều này không còn vừa trên một dòng và đẩy liên kết xuống. Sử dụng đoạn mã sau tôi đã giải quyết được vấn đề

.nav-hợp lý {
chiều rộng: 98%;
}
.nav-justified > li {
phao: không có;
}
@media (chiều rộng tối thiểu: 768px) {

.nav-hợp lý {
chiều rộng: 97%;
}
}

Mọi thứ đều hoạt động tốt bây giờ.

Về html - Chứng minh các liên kết thanh điều hướng Bootstrap, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/28764484/

27 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress