Jquery 引导导航栏按钮不是'；t出现_Jquery_Html_Css_Button_Navbar

Jquery 引导导航栏按钮不是'；t出现

jquery html css button

Jquery 引导导航栏按钮不是'；t出现,jquery,html,css,button,navbar,Jquery,Html,Css,Button,Navbar,我想不出问题出在哪里 <html> <link rel="stylesheet" href="bootstrap.css"> <script src="bootstrap.js"></script> <script src="jquery-3.1.1.js"></script> <body> <div class="navbar-header"> <a href="

我想不出问题出在哪里

    <html>

<link rel="stylesheet" href="bootstrap.css">

<script src="bootstrap.js"></script>
<script src="jquery-3.1.1.js"></script>

<body> 
<div class="navbar-header">
       <a href="#" class="navbar-brand">Tech</a>
       <button class="navbar-toggle" data-toggle="collapse" data-target = ".navHeaderCollapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
</div>

   <div class ="collapse navbar-collapse navHeaderCollapse">
    <ul class = "nav navbar-nav navbar-right">
     <li><a href ="#">Home</a></li>
     <li><a href ="#">Next</a></li>
    </ul>
   </div>
  </div>
 </nav>


</body>

</html>

我没有看到应该出现的“三条导航线”按钮，相反，我已经看到了li标签中的内容。

正如上面在评论中提到的，这是预期的行为。如果手动调整浏览器窗口的大小或使用浏览器的开发人员工具设置移动屏幕大小，您将看到汉堡包菜单，而不是完整的桌面菜单。

如上所述，这是预期的行为。如果手动调整浏览器窗口的大小或使用浏览器的开发工具设置移动屏幕的大小，您将看到汉堡包菜单，而不是完整的桌面菜单。

这是出于设计。由于css规则，此部分在大屏幕上不可见。它将在小屏幕上可见。尝试调整浏览器的大小这三条导航线被称为hamburg菜单，只会出现在移动设备和选项卡上。这是出于设计。由于css规则，此部分在大屏幕上不可见。它将在小屏幕上可见。尝试调整浏览器的大小这三条导航线称为hamburg菜单，它只会出现在移动设备和选项卡上