div不会将自己定位在bootstrap固定导航栏下面
[英]div doesn't position itself below bootstrap fixed navbar
问题描述
我一直在使用bootstrap的navbar css。 在这个导航栏下面，我有一个我想要放在导航栏下方。 但是，为什么它总是从顶部开始而不是在导航栏下方？ 我查看了twitter bootstrap的示例，他们能够在固定导航栏下方定位。 这是我网站的链接。 知道为什么会这样吗？
这是我现在的HTML：
<div class="navbar navbar-fixed-top">
</div>
<section id="main">
</section>
3 个解决方案
解决方案1
11 已采纳 2013-10-06 03:02:48
除非您在
<body>的顶部添加padding，否则fixed navbar将覆盖您的其他内容。 尝试自己的价值观或使用下面的代码段。 提示：默认情况下，导航栏高50像素。body { padding-top: 70px; }确保在核心Bootstrap CSS之后包含它。
参考： http ： //getbootstrap.com/components/#navbar-fixed-top
我不知道为什么他们不把这个音符放在bootstrap 2.3.2中，但这就是你想要的。 :)
解决方案2
2 2013-10-06 03:38:16
昨天我修复了我的导航栏并将容器设置如下
.maincontainer{ padding-top: 75px; }
75像素就足够了，不会影响Tablet和Mobile中响应式设计的Bootstrap。 到处工作完美:)
解决方案3
-2 2014-09-21 12:13:19
只需使用<nav>标签而不是<div class="nav"> 。 它会照顾它。
引导带，导航栏（固定位置）
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.