Html 引导模板中的奇怪按钮标记

我在基本引导html中找到了这个按钮标签（我添加了箭头）

--> 
切换导航
--> 

它是完全看不见的（至少对我来说），而且似乎没有任何效果（当我点击时，它不会发生任何事情）

---

它应该是这样的吗？它有什么意义？

这是智能手机等小型显示器的菜单切换。在大屏幕上，它将被隐藏。

这是智能手机等小型显示器的菜单切换。在大屏幕上，它将被隐藏。

按钮在哪里：当您缩小网页宽度时，可以通过放大或使用移动设备访问网页看到该按钮

此按钮的作用是什么：该按钮用于切换移动设备上的导航栏下拉列表

这三条线叠在一起就是按钮：

---

按钮在哪里：通过放大或使用移动设备访问网页缩小网页宽度时，可以看到该按钮

此按钮的作用是什么：该按钮用于切换移动设备上的导航栏下拉列表

这三条线叠在一起就是按钮：

---

作为上述答案的补充

为了使按钮具有正常工作的功能，您需要加载jquery库，然后加载引导jquery库。 这些可以包含在html代码的head标记中，也可以包含在body标记的末尾之前（第二个选项是最佳实践）。 像这样尝试（使用cdn）：

---

作为上述答案的补充

为了使按钮具有正常工作的功能，您需要加载jquery库，然后加载引导jquery库。 这些可以包含在html代码的head标记中，也可以包含在body标记的末尾之前（第二个选项是最佳实践）。 像这样尝试（使用cdn）：

值得一提的是，跨距是按钮上的行。值得一提的是，跨距是按钮上的行

    <div class="navbar-header">
  --> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
  --> </button>
      <a class="navbar-brand" href="#">Project name</a>
    </div>

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>