html - 导航栏在 Twitter bootstrap 3 中的绝对定位

Question

bootstrap 中的固定导航栏不是绝对位置。使用 fixed navbars 时，导航栏下方的标记会出现在标题导航栏的右侧。如何克服这个问题:

我尝试了 position:absolute 和 margin from top equal to size of navbar header height. 没有任何效果。有什么建议么？

Answer 1

Bootstrap 提供了固定在顶部的选项

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    ...
  </div>
</nav>

引用:http://getbootstrap.com/components/#navbar-fixed-top或您可以使用 absolute 固定在顶部并添加与 body padding-top 相同高度的导航栏例如

.navbar{
  height: 50px;
}
body{
  padding-top: 50px;
}