本文介绍了如何在网页中合理地使用导航栏组件，包括按钮(button)的独立使用、文本(navbar-text)的呈现方式、非导航链接(navbar-link)的应用、组件的左右排列(navbar-left, navbar-right)，以及导航栏的固定位置设置(nav-fixed-top, nav-fixed-bottom)等。文章还特别提到了反色导航(navbar-inverse)的设计样式。
按钮
.navbar-btn
button 不要和其他DIV联合嵌套
文本
.navbar-text
通常被包裹在<p>标签当中
非导航的链接
.navbar-link
想要添加非导航作用的链接 可以用.navbar-link
组件排列
.navbar-left .navbar-right 排列靠左或靠右
固定在顶部
.nav-fixed-top
使用这个类可以让你的导航条固定在顶部
这个固定的导航条会遮住页面上的其它内容，除非你给 <body> 元素底部设置了 padding。用你自己的值，或用下面给出的代码都可以。提示：导航条的默认高度是
50px。
body { padding-top: 70px; }固定在底部
.nav-fixed-bottom 同样的需要 页面的body设置padding-bottom :70px.菜单默认50px;
静止在顶部
.nav-static-top
反色导航
navbar-inverse
扫一扫
1768
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
