div不会将自己定位在bootstrap固定导航栏下面

时间:2013-10-06 02:56:06

标签: html css css3 twitter-bootstrap

我一直在使用bootstrap的navbar css。在这个导航栏下面,我有一个我想要放在导航栏下方。但是,为什么它总是从顶部开始而不是在导航栏下方?我查看了twitter bootstrap的示例,他们能够在固定导航栏下方定位。这是我website的链接。知道为什么会这样吗?

这是我现在的HTML:

<div class="navbar navbar-fixed-top">
</div>

<section id="main">

</section>

3 个答案:

答案 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">。它会处理它。