为什么我的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

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