为什么 bootstrap nav-bar 不能在小屏幕上打开？答案

【问题标题】：Why doesn't bootstrap nav-bar open on small screens?为什么 bootstrap nav-bar 不能在小屏幕上打开？
【发布时间】：2017-05-21 11:45:50
【问题描述】：

当屏幕大于640px 时，这个nav-bar 可以正常工作，但是当菜单按钮显示在小屏幕上时，单击它不会显示菜单项。这是site。

<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#BHC-Navbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span> 
                <span class="icon-bar"></span> 
                <span class="icon-bar"></span> 
            </button>
            <a class="navbar-brand" href="#">Bunker Hill</a>
        </div>
        <div class="collapse navbar-collapse" id="BHC-Navbar">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#"><i class="glyphicon glyphicon-home"></i> Home</a></li>
                <li><a href="#services" class="glyphicon glyphicon-info-sign"> Services</a></li>
                <li><a href="#clients" class="glyphicon glyphicon-info-sign"> Clients</a></li> 
                <li><a href="#about" class="glyphicon glyphicon-info-sign"> About</a></li> 
                <li><a href="#contact"><i class="glyphicon glyphicon-envelope"></i> Contact</a></li> 
            </ul>
        </div>
    </div>
</nav>

【问题讨论】：

标签： html css angularjs twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

您缺少bootstrap.min.js，因此您需要添加如下内容：

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

编辑

你需要在加载这个js文件之前添加jQuery库。

【讨论】：

谢谢。它不见了，但我添加了它，它仍然不起作用。
你需要在加载这个js文件之前添加jQuery库。我不确定何时使用 angular，但请尝试一下
做到了。我没有意识到引导程序依赖于 jquery。
是的，这取决于它

【解决方案2】：

您似乎没有在任何地方调用 bootstrap.js 或 bootstrap.min.js。调用该脚本，您应该可以开始了。

【讨论】：

我添加了对它的引用，但它仍然不起作用。