我们如何解决在顶部粘贴导航栏但引导/浮动到左侧（滚动时）的引导程序粘贴问题

Question

我想要一个菜单​​栏在用户向上滚动时粘到顶部。它坚持在顶部罚款。但是，它漂浮在左边。

代码：http://www.bootply.com/y801SV4HAu

如何修复菜单，这样，如果粘到顶部和中心（保证金左当前设置为自动，使其中心）？

Answer 1

<div class="container" style="padding:0"> 
    <div id="menu-header" class="affix"> 
     <div class="navbar navbar-inverse navbar-static-top"> 
      <div class="container"> 
      <span style="color:white">Menu bar here<i class="glyphicon glyphicon-menu-right"></i></span> 
      </div> 
     </div> 
    </div> 
</div> 

上面做了你想做的事情。 Cassie在提出一个容器div时是正确的，但是用你想要的样式添加了padding:0。以便它与页面标题保持一致。

Answer 2

当position：fixed在滚动时应用于标题时，margin：auto不再影响它，因此它会移回到一边。你必须找到另一种方式来集中这个div。可能有很多方法可以做到这一点;最简单的可能是把它放在一个.container div中。