首页 > web前端 > html教程 > Bootstrap组件之响应式导航条_html/css_WEB-ITnose

Bootstrap组件之响应式导航条_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-06-24 11:32:23
原创
1500 人浏览过

响应式导航条:在PC和平板中默认要显示所有的内容;但在手机中导航条中默认只显示“LOGO/Brand”,以及一个“菜单折叠展开按钮”,只有单击折叠按钮后才显示所有的菜单项。

  基础class: .navbar   

 1、Bootstrap中导航条的按位置:

  1)顶部导航条

  2)底部导航条

    Bootstrap中导航条的按颜色:

    1)浅色底深色的字 .navbar-default

    2)深色底浅色的字 .navbar-inverse

    Bootstrap中导航条的按定位:

    1)相对定位position: relative 默认值

    2)固定定位position: fixed      .navbar-fixed-top/bottom

 2、导航条的结构:

  

  

  

    

    

      

      

    

    

    

      

          

      

      

      

    

  

 

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板