Bootstrap Responsive Nav Bar

Question

Tôi có thể thiếu một cái gì đó khá nhỏ và nó bực bội tôi như tôi đã ngồi ở đây cho một vài giờ bây giờ cố gắng để làm việc này ra. Thanh điều hướng sẽ không liên kết với Javascript. Nút xuất hiện khi cửa sổ được định lại kích thước chính xác tuy nhiên sẽ không thu gọn menu khi được nhấp.

cái nhìn nhanh tại Links của tôi trong header của tôi (Chỉ trong trường hợp chúng theo thứ tự sai)

<link rel="stylesheet" href="/assets/css/bootstrap.css"> 
<link rel="stylesheet" href="/assets/css/bootstrap-responsive.css"> 
<link rel="stylesheet" href="/assets/css/style.css?v=2"> 

<script src="/assets/js/bootstrap.js"></script> 
<script src="/assets/js/bootstrap.min.js"></script> 
<!-BootStrap--><script src="/assets/js/jquery-1.7.1.min.js"></script> 
<script src="/assets/js/jquery.validate.min.js"></script> 
<script src="/assets/js/script.js"></script> 
<script src="/assets/js/bootstrap-fileupload.js"></script> 

nhanh nhìn vào HTML của tôi -

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
    <!--<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">--> 
    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 
    <div class="span4"> 
     <a href="{site_url}" title="People Team"> 
     <img src="/assets/img/logo.png" alt="People Team Logo" /> 
     </a> 
    </div> 
    <nav> 
     <div class="nav-collapse"> 
     <ul class="nav"> 
     <li{if segment_1 == ""} class="active"{/if}> 
      <a href="/" title="Home">Home</a> 
     </li> 
     <li{if segment_1 == "services"} {/if}> 
      <a href="/services" title="Contact People Team">Services</a> 
     </li> 
     <li{if segment_1 == "about"} {/if}> 
      <a href="/about" title="About People Team">About the team</a> 
     </li> 
     <li{if segment_1 == "contact"} {/if}> 
      <a href="/contact" title="Contact People Team">Contact Us</a> 
     </li> 
     </ul> 
    </div> 

tôi cho rằng Javascript nằm trong Tệp Bootstrap.min.js hoặc Bootstrap.js được yêu cầu cho thanh điều hướng hoạt động. Tôi chỉ là về stumped. Bất kỳ trợ giúp sẽ được đánh giá cao.

Chúc mừng,

Answer 1

Thay đổi thứ tự mà JS của bạn nạp vào. Đầu tiên, plugin bootstrap thứ hai.

<script src="/assets/js/jquery-1.7.1.min.js"></script> 
<script src="/assets/js/bootstrap.js"></script> -- remove, as it is not really needed when including the minified version 
<script src="/assets/js/bootstrap.min.js"></script>