不确定这个按钮类在导航栏的代码中做了什么答案

【问题标题】：Not sure what this button class is doing in the code for a navbar不确定这个按钮类在导航栏的代码中做了什么
【发布时间】：2020-04-04 17:44:15
【问题描述】：

所以我从 getbootstrap.com 复制了导航栏的代码，但我无法理解按钮的代码。

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
    <div class="navbar-nav">
      <a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
      <a class="nav-item nav-link" href="#">Features</a>
      <a class="nav-item nav-link" href="#">Pricing</a>
      <a class="nav-item nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
    </div>
  </div>
</nav>

按钮的代码在第 3 到 7 行。不确定它在导航栏中的用途是什么，因为已经有一个锚标记。

还有代码<div class="collapse navbar-collapse" id="navbarNavAltMarkup"> 的作用，特别是“collapse”和“navbar-collapse”类。当我删除它们时，它们似乎没有任何区别（我还没有完全实现网页，所以这可能就是原因）。

提前致谢！

【问题讨论】：

它将切换（隐藏和显示）导航栏
只需调整浏览器窗口的大小，使其非常小，您就会看到它的效果。尝试使用和不使用此代码以查看差异。
知道了，谢谢大家！

标签： jquery html css twitter-bootstrap

【解决方案1】：

该按钮适用于中小型屏幕尺寸，它将是汉堡按钮

【讨论】：