1、包裹导航条的最上层分支 推荐使用<nav>标签,如果使用<div>,则一定要加上 role="navigation"
2、导航条一般有一个<div class="navbar-header">(导航条标题)和几个<ul class="nav navbar-nav>(导航条内容) 后者应有一个直系上层div有.collapse 和.navbar-collapse 和.navbar-responsive-collapse,并且这个div理不能放前者,只能包含导航ul.
3、有时候,我想建立一个包含一个【标题】,一个响应式导航和一个不响应的导航的导航条,那么建立div目录如下
<div class="navbar navbar-default " role="navigation" >
<div class="row">
<div class="navbar-header"> //导航标题
</div>
<div id="mainnav" class="col-md-8 "> //定位
<div class="navbar-collapse collapse " role="navigation">//响应式导航,用来放主菜单
<ul class="nav navbar-nav navbar-left">
<li class="active">
</li>
。。。
</ul>
</div>
</div>
<div id="infonav" class="col-md-4 "> //定位
<ul " class="nav navbar-top-links navbar-right"> //非响应式导航,用来放用户登陆信息
<li class="active">
</li>
</ul>
</div>
</div>
</div>