Javascript 引导响应导航条

我可能错过了一些很小的东西，这让我很沮丧，因为我已经在这里坐了几个小时，现在试图解决这个问题。导航栏将不会与Javascript链接。当窗口正确调整大小时，按钮会出现，但单击时不会折叠菜单

快速查看标题中的链接（以防它们顺序错误）

快速查看我的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>

我假设Javascript在Bootstrap.min.js或Bootstrap.js文件中，这是导航栏工作所必需的。我几乎被难住了。任何帮助都将不胜感激

---

干杯，

更改JS加载的顺序。jQuery第一，引导插件第二

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

--删除，因为在包含缩小版时实际上不需要它

你是救命恩人。非常感谢你的帮助！

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