我們如何解決在頂部粘貼導航欄但引導/浮動到左側（滾動時）的引導程序粘貼問題

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中。