我一直在使用bootstrap的navbar css。在这个导航栏下面,我有一个我想要放在导航栏下方。但是,为什么它总是从顶部开始而不是在导航栏下方?我查看了twitter bootstrap的示例,他们能够在固定导航栏下方定位。这是我website的链接。知道为什么会这样吗?
这是我现在的HTML:
<div class="navbar navbar-fixed-top">
</div>
<section id="main">
</section>
答案 0 :(得分:9)
fixed navbar
将覆盖您的其他内容,除非您添加padding
位于<body>
的顶部。尝试自己的价值或使用 我们的片段如下。提示:默认情况下,导航栏高50像素。body { padding-top: 70px; }
确保在核心Bootstrap CSS之后包含此内容。
参考:http://getbootstrap.com/components/#navbar-fixed-top
我不知道为什么他们不把这个音符放在bootstrap 2.3.2中,但这就是你想要的。 :)
答案 1 :(得分:2)
昨天我修复了导航栏并将容器设置为以下
.maincontainer{ padding-top: 75px; }
75像素就足够了,不会影响Tablet和Mobile中响应式设计的Bootstrap。到处工作完美:)
答案 2 :(得分:-2)
只需使用<nav>
代码而不是<div class="nav">
。它会处理它。