Why is my Bootstrap Navbar not collapsing?

问题

My bootstrap Navbar is not collapsing when I click the 3 bars when the screen is too small for the nav bar.

<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>

And here are my links

  <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>

回答1:

You need to add a meta viewport for mobile devices.

来源：https://stackoverflow.com/questions/31095425/why-is-my-bootstrap-navbar-not-collapsing