导航栏在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

在引导程序 4 中，使用固定顶而不是navbar-fixed-top：

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