Question

我无法弄清问题在哪里

    <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标签中看到了内容。

Answer 1

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

Bootstrap Navbar按钮未出现

1 个答案: