bootstrap 导航条

![Uploading 屏幕快照 2016-08-26 14.22.44_655322.png . . .]在bootstrap中导航条和导航有区别,导航条(navbar)有一个背景色,可以是纯链接,可也以是表单以及二者的结合。
简单的导航条举例如下




    
    导航
    



    

    

    
    


效果如图


bootstrap 导航条_第1张图片
屏幕快照 2016-08-26 14.22.44.png

固定导航条

有时我们希望将导航条固定在首部或底部,。Bootstrap框架提供了两种固定导航条的方式:

☑ .navbar-fixed-top:导航条固定在浏览器窗口顶部

☑ .navbar-fixed-bottom:导航条固定在浏览器窗口底部

响应式导航条

代码如下




    
    导航
    



    

    
    


效果


bootstrap 导航条_第2张图片
屏幕快照 2016-08-26 15.01.44.png

你可能感兴趣的:(bootstrap 导航条)