引导导航栏按钮未出现答案

【问题标题】：Bootstrap Navbar button isn't appearing引导导航栏按钮未出现
【发布时间】：2017-08-12 05:51:37
【问题描述】：

我不知道问题出在哪里

    <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 规则，这部分在大屏幕上不可见。它将在小屏幕上可见。尝试调整浏览器大小
这3条导航线被称为汉堡菜单，只会出现在移动设备和标签页上

标签： jquery html css button navbar

【解决方案1】：

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

【讨论】：