Twitter Bootstrap導航欄固定頂部重新定位第

我已經成功地在我的網站上運行Bootstrap，但我試圖使用導航欄頂部固定的功能，並且只要頁面加載它將所有東西向下推動大約20個像素，我似乎無法診斷爲什麼。Twitter Bootstrap導航欄固定頂部重新定位第

我的導航欄的代碼是這樣的：

<div class="navbar navbar-fixed-top"> 
     <div class="navbar-inner"> 
      <div class="container protected"> 
       <ul class="nav pull-right nav-pills"> 
        <li><a href="/account/login" id="customer_login_link">Login</a></li> 
        <li><a href="/cart"><i class="icon-shopping-cart icon-white"></i> View cart <span class="badge badge-warning">2</span></a></li> 
       </ul> 
      </div> 
     </div> 
    </div>

而在this link頁面將正確加載頁面，然後在加載的頁面就推下來，像this screenshot。

有沒有人見過這個或知道任何快速修復？我使用lessCSS在頁面上自定義其中一個導航欄。

來源

2012-07-01 Eric P

請將導航欄標記移動到「容器」div的前面。「容器」類定義了此邊距。

在這裏看到：http://postimage.org/image/nu5pv8tkz/

來源

2012-07-01 09:03:58 Turowicz

感謝您的答覆，但這樣做後，它仍然沒有解決問題。任何方式來診斷額外的邊緣PX來自Firebug之外的地方？ –

我強烈推薦Google Chrome及其開發者工具。只需輸入您想要訪問的所有代碼並瀏覽一下，您就可以輕鬆看到是什麼推動它。 – Turowicz

Twitter Bootstrap導航欄固定頂部重新定位第

回答

相關問題