Twitter bootstrap 引导汉堡按钮不工作

我一直在努力修改我的菜单有一段时间没有运气：

我的菜单：

<nav class="navigation" role="navigation" ng-controller="HeaderCtrl">
            <ul class="primary-nav">
                <li>
                    <a ui-sref="root.anchor({scrollTo: 'service'})">Services</a>
                </li>
                <li>
                    <a ui-sref="root.anchor({scrollTo: 'downloads-info'})">Downloads</a>
                </li>
                <li>
                    <a ui-sref="root.anchor({scrollTo: 'partners'})">Partners</a>
                </li>
                <li>
                    <a ui-sref="root.anchor({scrollTo: 'contact'})">Contact</a>
                </li>
            </ul>
        </nav>
        <a href="#" class="nav-toggle">Menu<span></span></a>

我正在加载引导和jquery：

<script src="Scripts/ui-bootstrap-tpls.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script> window.jQuery || document.write('<script src="Scripts/jquery.min.js"><\/script>')</script>

window.jQuery | | document.write（“”）

然而，我看到了两件非常奇怪的事情：在我的本地主机上，当我缩小浏览器时，菜单向我闪烁并消失，没有抛出任何控制台错误，但在我的开发服务器上，我得到了汉堡按钮，但单击时它什么也不做。我不太确定在哪里可以找到这个问题，因为我没有看到任何错误。我正在运行ui路由器，不确定它有多喜欢href=“#”，HTML5模式设置为false。类后面还有一堆来自模板的css，还有一个javascript函数，用于打开似乎也没有启动的菜单。任何帮助都将不胜感激