Css 引导移动导航栏不工作

我正在开发一个基于引导的移动导航栏

这是我的标记

    <nav class="navbar">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-1">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>

                </button>
                <a class="navbar-brand" href="index.html"><img src="images/logo.png" class="img-responsive" /></a>
            </div>
            <div class="collapse navbar-collapse" id="collapse-1">
                <ul class="nav navbar-nav navbar-right" role="navigation" >
                    <li class="active"><a href="">blah</a></li>
                    <li><a href="">blah</a></li>
                    <li><a href="">blah</a></li>
                    <li><a href="">blah</a></li>
                    <li><a href="">blahs</a></li>
                    <li><a href="">blags</a></li>
                    <li><a href="" style="padding-right:0;">Contact</a></li>
                </ul>
            </div>
        </div>
    </nav>

还有我的js文件，但我很确定这不是一个js问题，因为我没有收到任何控制台错误

<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.js"></script>
<script type="text/javascript" src="js/jquery.animateNumber.js"></script>
<script type="text/javascript" src="js/main.js"></script>

---

但每当我点击我的按钮元素使我的类别下拉，它不会推我的内容。有什么不对劲吗？我相信我正确地阅读了所有文档。

html看起来不错。但是您的jQuery文件似乎丢失了。只需在列表顶部的所有其他javascript文件之前添加这一行：

，看看这是否解决了问题。

似乎工作正常（）您可以在那里复制它吗？请在JSFIDDLE中添加您的html、css和js我已经用我的文件编辑了我的帖子@PatrickLC@AndrewLyndem编辑我的帖子你缺少jquery js，将它添加到任何其他脚本之前。该文件位于我的头标记中。您可以发布一个JSFIDLE，因为html标记看起来不错吗

<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.js"></script>
<script type="text/javascript" src="js/jquery.animateNumber.js"></script>
<script type="text/javascript" src="js/main.js"></script>