引导菜单折叠但在单击折叠按钮时不显示答案

【问题标题】：bootstrap menu collapse but not showing on clicking on collapsed button引导菜单折叠但在单击折叠按钮时不显示
【发布时间】：2017-01-27 07:36:57
【问题描述】：

我正在使用 bootstrap 并且有一个包含两个项目的简单菜单

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Home Page</title>
  <link rel="stylesheet" href="<?php echo base_url("assets/css/bootstrap.css"); ?>">
</head>
<body>
  <nav class="navbar navbar-default" role="navigation">
   <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <div class="collapse navbar-collapse" id="navbar1">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="item1.html">item1</a></li>
        <li><a href="item1.html">item2</a></li>
      </ul>
    </div>
  </div>
</nav>
<script type="text/javascript" src="<?php echo base_url("assets/js/jquery-1.10.2.js"); ?>"></script>
<script type="text/javascript" src="<?php echo base_url("assets/js/bootstrap.js"); ?>"></script></body></html>

1) 当浏览器展开时，我在右侧看到按钮 item1、item2，并且运行良好

2) 当浏览器宽度变小时，菜单折叠 collapsed menu button

3) 但是，点击菜单按钮后，item1 和item2 并没有显示出来。

知道有什么问题吗？

【问题讨论】：

您在控制台中看到任何错误吗？
bootstrap.js 添加了，我只是放了部分代码。菜单正在崩溃，因此引导程序正在工作。 jquery 也是在 bootstrap 之前添加的
请在 Fiddle 上创建一个工作示例，以便我们看到问题。

标签： css twitter-bootstrap responsive-design

【解决方案1】：

你在html中导入jquery和bootstrap js了吗？它们是导航在响应模式下工作所必需的吗？如果没有，请尝试在 html 中添加它们：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

您需要先导入/添加 jquery，然后再导入/添加 bootstrap js，因为 bootstrap js 依赖于 jquery。

【讨论】：

你能在浏览器中打开页面的源代码并尝试用那里的链接打开两个js吗？您是否在浏览器的控制台中收到任何错误消息？
非常感谢！！！！我正在链接到 jquery.js 和 bootstrap.js，但在磁盘上我有 jquery_min.js 和 bootstrap_min.js
没问题。很高兴你解决了问题。如果有帮助，请接受我的回答:)

【解决方案2】：

非常感谢

我链接到了错误的 *.js 文件:(

我没有看到任何错误，所以我认为路径是正确的。

【讨论】：