求问，bootstrap导航栏navbar-header看不懂

Question

<div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <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="#">Brand</a>
    </div>

"navbar-header"中 btn和span内容分别表示什么，看不懂。。求帮忙解答，谢谢！

Answer 1

就是箭头所指。

button 就是整个那一块，span 是其中一横。共 3 横，你可以添加多横试试。

Answer 2

这个是 响应式 的导航条，当分辨率够小的时候，有不同的显示

button 就是那个选择按钮 span就是横线