为什么我的Bootstrap Navbar无法折叠? [英] Why is my Bootstrap Navbar not collapsing?

问题描述

当屏幕对于导航栏来说太小时，我单击3个导航栏时，我的引导导航栏没有崩溃.

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>

这是我的链接

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

推荐答案

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

You need to add a meta viewport for mobile devices.

这篇关于为什么我的Bootstrap Navbar无法折叠?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！