Tôi đang cố gắng thu gọn thanh hải quân này nhưng nó không hoạt động. Nút không làm gì cả.
Đây là mã của tôi:
{{config ['app.name', 'LSAPP']}}
-
Home [current]
-
About
-
Services
-
Blog
Search
Sao
1.7636 huy hiệu vàng19 Huy hiệu bạc36 Huy hiệu đồng6 gold badges19 silver badges36 bronze badges
Đã hỏi ngày 2 tháng 3 năm 2019 lúc 20:53Mar 2, 2019 at 20:53
Nó đang hoạt động, vui lòng kiểm tra xem bạn đã liên kết chính xác các tệp bootstrap css và js nếu bạn đang sử dụng cdn thì
//Your navbar code here
Nếu bạn không sử dụng CDN thì bạn nên thay thế SRC bằng đường dẫn tệp
Đã trả lời ngày 2 tháng 3 năm 2019 lúc 21:09Mar 2, 2019 at 21:09
FarazzzfarazzzFarazzz
Huy hiệu đồng 1451 Bạc9 Huy hiệu Đồng1 silver badge9 bronze badges
Tôi đã kiểm tra mã của bạn và hoạt động của nó. Tôi đoán bạn có lỗi javascript trước khi bootstrap.js có thể được tải.
Hoặc jQuery không được tải trước bootstrap.
Vui lòng kiểm tra bảng điều khiển trình duyệt [F12]
Đã trả lời ngày 2 tháng 3 năm 2019 lúc 21:07Mar 2, 2019 at 21:07
Làm thế nào nó hoạt động
Đây là những gì bạn cần biết trước khi bắt đầu với Navbar:
- NAVBARS yêu cầu gói
0 vớiNavbar Navbar
1 để thu gọn đáp ứng và các lớp bảng màu.Navbar Navbar - Navbars và nội dung của chúng là chất lỏng theo mặc định. Thay đổi container để giới hạn chiều rộng ngang của chúng theo các cách khác nhau.
- Sử dụng các lớp khoảng cách và tiện ích Flex của chúng tôi để kiểm soát khoảng cách và căn chỉnh trong các NAVBARS.
- NAVBARS có phản hồi theo mặc định, nhưng bạn có thể dễ dàng sửa đổi chúng để thay đổi điều đó. Hành vi đáp ứng phụ thuộc vào plugin JavaScript sụp đổ của chúng tôi.
- Đảm bảo khả năng truy cập bằng cách sử dụng phần tử
2 hoặc, nếu sử dụng một phần tử chung hơn nhưNavbar Navbar
3, hãy thêmNavbar Navbar
4 vào mọi thanh hải quân để xác định rõ ràng nó là một khu vực mang tính bước ngoặt cho người dùng công nghệ hỗ trợ.Navbar Navbar - Cho biết mục hiện tại bằng cách sử dụng
5 cho trang hiện tại hoặcNavbar Navbar
6 cho mục hiện tại trong một tập hợp.Navbar Navbar
Nội dung được hỗ trợ
Navbars đi kèm với hỗ trợ tích hợp cho một số ít các thành phần phụ. Chọn từ những điều sau khi cần thiết:
7 cho công ty, sản phẩm hoặc tên dự án của bạn.Navbar Navbar
8 cho một điều hướng đầy đủ và nhẹ [bao gồm cả hỗ trợ cho các thả xuống].Navbar Navbar
9 để sử dụng với plugin sụp đổ của chúng tôi và các hành vi chuyển đổi điều hướng khác.Navbar Navbar- Flex và các tiện ích khoảng cách cho bất kỳ điều khiển và hành động hình thức.
0 để thêm các chuỗi văn bản tập trung theo chiều dọc.
1 để nhóm và ẩn nội dung của Navbar bằng điểm dừng của cha mẹ.- Thêm một
2 tùy chọn để đặt nội dung Navbar được mở rộng và cuộn.
Ở đây, một ví dụ về tất cả các thành phần phụ có trong một thanh điều hướng có chủ đề ánh sáng đáp ứng tự động sụp đổ tại điểm dừng
Navbar
Home
Link
Dropdown
Action
Another action
Something else here
Disabled
Search
Ví dụ này sử dụng nền [
Nhãn hiệu
Navbar
Navbar
Chữ
Thêm văn bản của bạn trong một phần tử với lớp
Navbar
Navbar
Navbar
Navbar
Hình ảnh
Bạn có thể thay thế văn bản trong
Navbar
Navbar
Bootstrap
Hình ảnh và văn bản
Bạn cũng có thể sử dụng một số tiện ích bổ sung để thêm hình ảnh và văn bản cùng một lúc. Lưu ý việc bổ sung
Bootstrap
Bootstrap
Bootstrap
Bootstrap
Nav
Các liên kết điều hướng Navbar được xây dựng trên các tùy chọn
Bootstrap
Thêm lớp
Bootstrap
Bootstrap
Xin lưu ý rằng bạn cũng nên thêm thuộc tính
Navbar
Home
Features
Pricing
Disabled
Bootstrap
Navbar
Home
Features
Pricing
Disabled
Và bởi vì chúng tôi sử dụng các lớp cho NAV của chúng tôi, bạn có thể tránh được phương pháp dựa trên danh sách hoàn toàn nếu bạn muốn.
Navbar
Home
Features
Pricing
Disabled
Bạn cũng có thể sử dụng các thả xuống trong thanh điều hướng của bạn. Các menu thả xuống yêu cầu một phần tử gói để định vị, vì vậy hãy chắc chắn sử dụng các phần tử riêng biệt và lồng nhau cho
Navbar
Home
Features
Pricing
Disabled
Bootstrap
Navbar
Home
Features
Pricing
Dropdown link
Action
Another action
Something else here
Các hình thức
Đặt các điều khiển hình thức và các thành phần khác nhau trong một chiếc Navbar:
Search
Các yếu tố trẻ em ngay lập tức của
Navbar
Navbar
Navbar
Home
Features
Pricing
Disabled
//Your navbar code here
Các nhóm đầu vào cũng hoạt động. Nếu thanh điều hướng của bạn là toàn bộ biểu mẫu hoặc chủ yếu là một biểu mẫu, bạn có thể sử dụng phần tử
Navbar
Home
Features
Pricing
Disabled
//Your navbar code here
Các nút khác nhau được hỗ trợ như một phần của các hình thức Navbar này, quá. Đây cũng là một lời nhắc nhở tuyệt vời rằng các tiện ích căn chỉnh dọc có thể được sử dụng để căn chỉnh các yếu tố có kích thước khác nhau.
//Your navbar code here
Chữ
Thêm văn bản của bạn trong một phần tử với lớp
Navbar
Navbar
Hình ảnh
//Your navbar code here
Bạn có thể thay thế văn bản trong
Navbar
Navbar
Bootstrap
//Your navbar code here
Hình ảnh và văn bản
Bạn cũng có thể sử dụng một số tiện ích bổ sung để thêm hình ảnh và văn bản cùng một lúc. Lưu ý việc bổ sung
Bootstrap
Bootstrap
Bootstrap
//Your navbar code here
Nav
Các liên kết điều hướng Navbar được xây dựng trên các tùy chọn
Bootstrap
//Your navbar code here
Thêm lớp
Bootstrap
Bootstrap
//Your navbar code here
Vị trí
Sử dụng các tiện ích vị trí của chúng tôi để đặt Navbars vào các vị trí không tĩnh. Chọn từ cố định lên trên cùng, cố định xuống phía dưới hoặc dính vào trên cùng [cuộn với trang cho đến khi nó đạt đến đỉnh, sau đó ở đó]. NAVBAR đã cố định sử dụng
Navbar
Home
Features
Pricing
Disabled
Navbar
Home
Features
Pricing
Disabled
Navbar
Home
Features
Pricing
Disabled
Cũng lưu ý rằng
Navbar
Home
Features
Pricing
Disabled
Navbar
Home
Features
Pricing
Disabled
Navbar
Home
Features
Pricing
Disabled
Navbar
Home
Features
Pricing
Disabled
//Your navbar code here
//Your navbar code here
Navbar
Home
Link
Dropdown
Action
Another action
Something else here
Disabled
Search
Navbar
Home
Link
Dropdown
Action
Another action
Something else here
Disabled
Search
Thêm
Navbar
Home
Features
Pricing
Disabled
Navbar
Navbar
Navbar
Home
Features
Pricing
Dropdown link
Action
Another action
Something else here
Navbar
Home
Features
Pricing
Dropdown link
Action
Another action
Something else here
Xin lưu ý rằng hành vi này đi kèm với một nhược điểm tiềm năng của ____ 83 khi cài đặt
Navbar
Home
Features
Pricing
Dropdown link
Action
Another action
Something else here
Navbar
Home
Features
Pricing
Dropdown link
Action
Another action
Something else here
Navbar
Home
Features
Pricing
Dropdown link
Action
Another action
Something else here
Ở đây, một ví dụ Navbar sử dụng
Navbar
Home
Features
Pricing
Disabled
Navbar
Home
Features
Pricing
Dropdown link
Action
Another action
Something else here
Navbar
Home
Link
Dropdown
Action
Another action
Something else here
Disabled
Search
Hành vi đáp ứng
NAVBARS có thể sử dụng các lớp
Navbar
Navbar
Search
Navbar
Navbar
Đối với Navbars không bao giờ sụp đổ, hãy thêm lớp
Search
Search
Người chuyển đổi
Bộ chuyển đổi Navbar được liên kết trái theo mặc định, nhưng nếu họ tuân theo một yếu tố anh chị em như
Navbar
Navbar
Không có
Navbar
Navbar
Navbar
Home
Link
Dropdown
Action
Another action
Something else here
Disabled
Search
Với một tên thương hiệu được hiển thị ở bên trái và người chuyển đổi bên phải:
Navbar
Home
Link
Dropdown
Action
Another action
Something else here
Disabled
Search
Với một người chuyển đổi ở bên trái và tên thương hiệu ở bên phải:
Navbar
Home
Link
Dropdown
Action
Another action
Something else here
Disabled
Search
Nội dung bên ngoài
Đôi khi bạn muốn sử dụng plugin sụp đổ để kích hoạt phần tử container cho nội dung có cấu trúc nằm ngoài
Navbar
Navbar
Search
Search
Nội dung sụp đổ
Có thể chuyển đổi thông qua thương hiệu Navbar.
Navbar
Home
Link
Dropdown
Action
Another action
Something else here
Disabled
Search
Khi bạn làm điều này, chúng tôi khuyên bạn nên bao gồm JavaScript bổ sung để di chuyển lập trình lấy nét sang container khi nó được mở. Mặt khác, người dùng bàn phím và người dùng của các công nghệ hỗ trợ có thể sẽ gặp khó khăn trong việc tìm nội dung mới được tiết lộ - đặc biệt nếu bộ chứa được mở xuất hiện trước khi Toggler trong cấu trúc tài liệu. Chúng tôi cũng khuyên bạn nên đảm bảo rằng Toggler có thuộc tính
Search
Search
Sass
Biến
Navbar
Home
Link
Dropdown
Action
Another action
Something else here
Disabled
Search
Navbar
Home
Link
Dropdown
Action
Another action
Something else here
Disabled
Search
Vòng
Các lớp mở rộng/sụp đổ của Navbar phản hồi [ví dụ:
//Your navbar code here
//Your navbar code here
//Your navbar code here
Navbar
Home
Link
Dropdown
Action
Another action
Something else here
Disabled
Search