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

WBOY
Freigeben: 2016-06-24 11:32:23
Original
1431 Leute haben es durchsucht

响应式导航条:在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、导航条的结构:

  

  

  

    

    

      

      

    

    

    

      

          

      

      

      

    

  

 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage