bootstrap导航条的问题

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>
我想问一下这段代码有什么用，是什么意思？好像跟导航条的内容无关 

Answer 1

哥，能不能用通俗的语言解释下，小弟初学不太懂术语

Answer 2

回复
你有实际写过导航栏并且运行看效果吗？在PC端显示和移动端是不一样的，PC端会把导航全部显示出来，但是移动端的屏幕小，不能全部显示，所有的导航列表都会折叠起来形成一个类似按钮一样的东西，点击那个按钮，就会竖着展示所有的导航列表，那段代码的作用就是干这个的....

Answer 3

好的，谢谢！

Answer 4

用于自适应隐藏导航展开按钮