为什么我的 Bootstrap 导航栏没有崩溃？

Question

当屏幕对于导航栏来说太小时，当我单击 3 个栏时，我的引导导航栏没有折叠。

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span> 
      </button>
      <a class="navbar-brand" href="#">My Site</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-right">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">Portfolio</a></li> 
        <li><a href="#">Other</a></li> 
      </ul>
    </div>
  </div>
</nav>

这是我的链接

  <link href="bootstrap-3.3.4/css/bootstrap.css" rel="stylesheet">
  <link href="bootstrap-3.3.4/css/bootstrap.css" rel="stylesheet">
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <script src="js/bootstrap.min.js"></script>
    script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

Answer 1

您需要为移动设备添加元视口。