Bootstrap Responsive Nav Bar

Question

Probablemente me esté perdiendo algo bastante pequeño y me está frustrando, ya que he estado sentado aquí durante unas horas tratando de resolver esto. La barra de navegación no se vinculará con el Javascript. El botón aparece cuando la ventana se redimensiona correctamente, sin embargo, no se colapsará el menú cuando se haga clic.

rápido vistazo a mis enlaces en mi cabecera (Sólo en caso de que se encuentran en el orden equivocado)

<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> 

rápido vistazo a mi HTML -

<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> 

Supuse que el Javascript está dentro del Bootstrap.min.js o Bootstrap.js archivos que son necesarios para que funcione la barra de navegación. Estoy casi perplejo. Cualquier ayuda sería apreciada.

Saludos,

Answer 1

Cambiar el orden en que sus cargas en JS. JQuery primeros, segundos plugins de arranque.

<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>