Javascript 在小型设备上单击切换按钮时，引导导航栏将消失

这就是我所拥有的：

    <div class="container" style="padding-top: 70px;">
<div id="navbar">
    <!-- Fixed navbar -->
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/">
          <div class="col-xs-2"><img src="img/favicon.png" alt="Dev Icon" height="20px" width="20px"></div><div class="col-xs-10">FrontEnd Dev</div></a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">

            <?php include('includes/navbar.php'); ?>

        </div><!--/.nav-collapse -->
      </div>
    </nav>
</div>

切换导航

只是将另一个数组文件中的

标记添加到

中

---

只有当切换按钮在较小的设备上可用时，才会发生此问题。单击按钮在视觉上没有任何作用（但它会更改代码中的类）。再次单击按钮将导致整个导航栏消失。我删除了可能影响导航栏的任何其他css样式，但仍然是一样的。我使用Bootstrap网站上的CDN链接使用Bootstrap v3.3.7。

我发现了问题。切换按钮具有针对

的

数据目标=“#navbar”

。我没有意识到我把所有的导航条都包在一个带有导航条id的“div”中。这就是冲突所在。

你能发布

navbar.php

文件的代码吗（我认为问题在于整个代码）这是

navbar.php

：

我猜您在

navbar.php

或

arrays.php

中添加了相同的引导cdn。请检查。如果是这样，请删除它，因为您不应该在页面中多次使用cdn。这会产生各种问题。否。唯一的CDN在头文件中。在使用CDN之前，我下载并使用了引导文件，但仍然存在相同的问题。