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>