Bootstrap3.0学习第十三轮：导航条
发布时间：2013-12-06 17:35:44 所属栏目：教程 来源：站长网
导读：本文主要来讲解以下内容：1.默认的导航条；2.表单；3.按钮；4.文本；5.非导航的链接；6.组件对齐；7.固定在顶部；8.固定在底部；9.静止在顶部；10.反色的导航条；11.总结。
|
非导航的链接 或许你希望在标准的导航组件之外添加标准链接，那么，使用.navbar-link class可以让链接有正确的默认颜色和反色。
组件对齐 用.navbar-left或者.navbar-right工具类给导航链接、表单、按钮或文本对齐。两种类都用到在特定方向的CSS浮动样式。例如，要对齐导航链接，就要把它们放在个分开的、应用了工具类的<ul>里。 这些class是.pull-left和.pull-right的mixin版本，但是他们被限定在了媒体查询中，这样可以更容易的在各种尺寸的屏幕上处理导航条组件。 固定在顶部 添加.navbar-fixed-top可以让导航条固定在顶部。
需要为body标签设置内补（padding） 这个固定的导航条会遮住页面上的其它内容，除非你给<body>的上方设置了padding。用你自己的值，或用下面给出的代码都可以。提示：导航条的默认高度是50px。 body { padding-top: 70px; } 一定要放在Bootstrap CSS的核心文件之后。 固定在底部 用.navbar-fixed-bottom代替。
需要为body标签设置内部（padding） 这个固定的导航条会遮住页面上的其它内容，除非你给<body>底部设置了padding。用你自己的值，或用下面给出的代码都可以。提示：导航条的默认高度是50px。 body { padding-bottom: 70px; } （编辑：佛山站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
热点阅读