2013-08-02 32 views
6

Tôi đang cố gắng triển khai thanh điều hướng đáp ứng trong Bootstrap 3 Mọi thứ đã hoạt động được nhiều nhất. Thanh thậm chí mở rộng chính xác. Sau đó, khi tôi nhấn nút thu gọn đáp ứng một lần nữa thanh thu hẹp khoảng nửa chừng và sau đó giảm xuống.Bootstrap 3 Navbar mở rộng nhưng sẽ không bị thu hẹp

Điều này xác minh rằng Javascript được đặt đúng chỗ và CSS cũng được đặt đúng vị trí. Tôi không biết chuyện này có thể xảy ra như thế nào nữa. Ngay cả trong Plunkr nó hoạt động, nhưng không phải trong dự án của tôi. Bất kỳ ý tưởng?

<div class="navbar"> 
    <div class="container"> 
     <button type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse" class="navbar-toggle collapsed"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a href="#" class="navbar-brand">Title</a> 
     <div style="height: 0px;" class="nav-collapse navbar-responsive-collapse collapse"> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Link</a></li> 
     </ul> 
     </div> 
    </div> 
</div> 
+0

Hãy chuẩn bị một jsFiddle hoặc một cái gì đó như thế bạn có thể giúp chúng tôi giúp bạn tốt hơn. – sulfureous

Trả lời

8

Nó chỉ ra rằng tôi đã bao gồm Javascript được biên dịch trùng lặp và có một số bản trộn với trình xử lý sự kiện và do đó nó đã bị lỗi. Đã sửa.

+0

điều tương tự đã xảy ra với tôi trong BS 2.2 ... nếu sự cố này vẫn tiếp diễn với những người dùng khác, bạn nên kiểm tra kỹ js – ajdigregorio

+0

thêm bước về cách bạn đã thực hiện, có thể giúp những người khác trên số điện thoại này – JamParaiso

6

Tôi đã có cùng một vấn đề chính xác và giải quyết nó đơn giản bằng cách di chuyển bootstrap.js trước bất kỳ số nào khác .js Tôi đã có ở cuối số <body>.

+0

ohh .. tuyệt vời. giải pháp của bạn đã làm việc cho tôi. Nhưng thưa ngài, tôi đã không hiểu tại sao chúng ta phải làm điều này ..? có nghĩa là tôi đã đặt tập tin 'bootstrap.js' ở dưới cùng của' ', vậy lý do đằng sau điều này là gì? ???? –

Các vấn đề liên quan