Bootstrap 导航栏折叠按钮适用于 PC，但不适用于笔记本电脑或手机答案

【问题标题】：Bootstrap navbar collpase button works on PC but not laptop or phoneBootstrap 导航栏折叠按钮适用于 PC，但不适用于笔记本电脑或手机
【发布时间】：2016-04-29 15:15:23
【问题描述】：

引导导航栏折叠按钮仅适用于我的 PC，不适用于我的笔记本电脑或手机。我的电脑运行的是 windows 7，我的笔记本电脑运行的是 windows 10，我有一部安卓手机。据我所知，它们都已更新，并且都在使用 chrome。我一直在codepen上做所有的编码。

codepen 链接：https://codepen.io/mounti/pen/grBQBj

<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
 </head>

<body>

  <nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarbutton">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">Navbar Practice</a>
      </div>
      <div class="collapse navbar-collapse" id="navbarbutton">
        <ul class="nav navbar-nav">
          <li><a href="#">First</a></li>
          <li><a href="#">Second</a></li>
          <li><a href="#">Third</a></li>
        </ul>
      </div>
    </div>
  </nav>

</body>

【问题讨论】：

标签： jquery html twitter-bootstrap navbar

【解决方案1】：

您在引导 js CDN 中使用了错误链接：

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

使用此链接：

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

【讨论】：

天哪。非常感谢！