Bootstrap导航栏样式使用

Bootstrap导航栏默认样式

导航栏默认样式是灰色的，它的结构应该由nav标签来包裹，包含logo、页面列表等元素，简单的编码内容如下：

 

  佚站互联 

   
• 杭州网站建设
   
• 杭州网站设计
   
• 杭州网站制作
 

 

以上代码的内容就是最基础的一个Bootstrap导航栏样式，按照这个结构你也可以非常迅速地编写出自己的导航栏。

Bootstrap导航栏样式固定在顶端

现在将导航栏固定在页面顶端也是非常流行的使用方式，通过对应的样式引入，Bootstrap导航栏样式也可以非常容易地实现这一点。
如果你想要将自己的导航栏固定到页面顶端，那么只需要在导航栏标签中引入navbar-fixed-top样式即可：

 

  ... 

以上代码就将导航栏固定到了顶端，不管你怎么往下拉页面，都能够固定在顶端。

Bootstrap导航栏样式固定在底部

现在在一些网站设计中，会将一些类似登陆或者关注信息固定在页面底部，那么你也可以将这种形式通过Bootstrap导航栏来实现，只需要在里面添加固定底部的样式，即可实现该功能：

 

    ... 

Bootstrap导航栏反相样式

默认的Bootstrap导航栏样式是灰色的，如果你想要采用黑色，那么可以采用navbar的反相导航栏样式：

  ...

这种样式获得的导航栏样式是黑色的，能够满足你对于样式的额外需求。