bootstrap中的导航条实例代码详解-创新互联

一、和导航的区别

专注于为中小企业提供网站设计制作、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业清徐免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上1000家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

1.导航条比导航多了一个条字

2.直接上图

导航：

 导航条：

简单文字描述： 由两张图看出，导航内容比较简单，而导航条可以包含导航及其他元素，如表单，搜索框等，并且通常导航条会有一个区别于页面的背景色。

二、在页面中定义导航条

方法：

为父容器添加类名navbar navbar-default。navbar-default类用来规定导航条的颜色，可以更改为navbar-inverse来让导航条反色显示。bootstrap官网建议使用nav元素。但也常用div元素，建议用div元素时增加role="navigation"属性，该属性对一些特殊的辅助设备友好。

结构：

标题或者logo放在类名为.navbar-header>.navbar-brand的容器中，其他条目可以放在类名为.nav navbar-nav的容器中

分享文章：bootstrap中的导航条实例代码详解-创新互联
标题链接：http://cdxtjz.cn/article/dgoodo.html