Bootstrap入门书籍之（五）导航条、分页导航_javascript技巧

导航条（navbar）和上一节介绍的Bootstrap入门书籍之（四）菜单、按钮及导航。导航（nav），就相差一个字，多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。它们在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。

基础导航条

实际上，导航条和导航在外观上的差别并不是那么的大，但是在实际使用中导航条要比导航复杂得多。下面就来实现一个最基础的导航条。

可以达到的效果是这样的：

宽屏：

窄屏：

在制作一个基础导航条时，主要注意以下几点：

1.首先在制作导航的列表(

)基础上添加类名 .navbar-nav


2.在列表外部添加一个容器（div）在这里允许的话 推荐使用