我们如何修复bootstrap词缀问题，将导航栏固定在顶部，但移动/浮动到左侧（滚动时）

Question

我正在尝试使用菜单栏在用户向上滚动时坚持到顶部。它在顶部很好。但是，它漂浮在左边。

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

如何修复菜单，以便粘贴到顶部和中心（边距左侧当前设置为自动以使其居中）？

Answer 1

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

Answer 2

<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表示你希望它看起来像。这样它就与页面标题对齐。