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

Question

引导程序中的fixed navbar不是absolute in position。使用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固定在顶部，并添加与身体padding-top相同的高度导航栏 例如

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

Answer 2

在bootstrap 4中，使用固定顶部而不是navbar-fixed-top：

<nav class="navbar fixed-top navbar-light bg-faded">
  <a class="navbar-brand" href="#">Fixed top</a>
</nav>