bootstrap 怎么固定住导航条
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了bootstrap 怎么固定住导航条相关的知识，希望对你有一定的参考价值。
参考技术A 添加 .navbar-fixed-top 类可以让导航条固定在顶部，还可包含一个 .container 或 .container-fluid 容器，从而让导航条居中，并在两侧添加内补（padding）。1
2
3
4
5
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
...
</div>
</nav>
Bootstrap相关内容
1.navbar导航条
添加.navbar-fixed-top类可以让导航条固定在顶部。（固定的导航条会遮住页面上的其他内容，除非给<body>元素设置了Padding。导航条的默认高度是50Px,比如设置：body{padding-top:70px;}
可以包含一个.contAINER或.container-fluid容器，从而让导航条居中或自适应显示。
添加.navbar-inverse类可以改变导航条的外观，变成黑底显示
通过添加.navbar-left和.navbar-right工具类让导航链接、表单、按钮、或文本对齐。
如何在Bootstrap中实现下拉菜单中实现分割线：
<li class="divider"><li>
在 Bootstrap中，任何下拉菜单中均可通过添加标题来标明一组动作，添加方式为：<li class="dropdown-header">标题名称</li>。
2、栅格系统布局
行（row）必须包含在.container(固定宽度）或.container-fluid(100%宽度）中。
<div class="container">
<div class="row">
<div class="col-xs-4">.col-xs-4</div>
<div class="col-xs-4">.col-xs-4</div>
<div class="col-xs-4">.col-xs-4</div>
</div>
</div>
1、使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素2、增加了左侧的边距（margin）。例如，.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列（column）的宽度。
3、使用什么样的类前缀，此例子应该使用 .col-md-*
4、给p添加样式，加边框和padding。
3、Tabs标签页
标签页是可以放置较多的内容，又可以节省页面空间的组件。
4、弹出框制作：
在BOOT里面用<class="pull-right">可以将元素放置右边
以上是关于bootstrap 怎么固定住导航条的主要内容，如果未能解决你的问题，请参考以下文章