如何将Bootstrap导航条实例代码详解改写为长尾关键词？

本文共计2994个文字，预计阅读时间需要12分钟。

一、导航与导航条的区分

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

2.直接上图+导航：导航条：简单文字描述：由两张图看出，导航内容比较简单，而导航条可以包含导航及其他元素，如表格、搜索框等

一、和导航的区别

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

2.直接上图

导航：

导航条：

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

二、在页面中定义导航条

方法：

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