8

我一直在使用引导程序的导航栏 css。在此导航栏下方，我有一个我想放在导航栏下方的内容。但是，为什么它总是从顶部开始而不是在导航栏下方？我查看了 twitter bootstrap 的示例，他们能够在固定导航栏下方定位。这是我网站的链接。知道这是为什么吗？

这是我现在拥有的html：

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

<section id="main">

</section>
4

3 回答 3

15

将fixed navbar覆盖您的其他内容，除非您添加 padding到<body>. 尝试您自己的价值观或使用我们下面的代码段。提示：默认情况下，导航栏的高度为 50px。

body { padding-top: 70px; }

确保在核心 Bootstrap CSS 之后包含它。

参考： http: //getbootstrap.com/components/#navbar-fixed-top

我不知道他们为什么不把这个注释放在引导程序 2.3.2 中，但这就是你想要的。:)

于 2013-10-06T03:02:48.793 回答
2

昨天我修复了我的导航栏并将容器设置如下

.maincontainer{ padding-top: 75px; }

75 像素就足够了，并且不影响平板电脑和移动设备中响应式设计的 Bootstrap。在任何地方都能完美工作:)

于 2013-10-06T03:38:16.790 回答
-4

只需使用<nav>标签而不是<div class="nav">. 它会照顾它的。

于 2014-09-21T12:13:19.490 回答