麪包屑沒有出現由於固定在頂部

導航欄我已經在如下頁面標記定義：麪包屑沒有出現由於固定在頂部

<div class="navbar navbar-default navbar-fixed-top"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 

     </button> <a class="navbar-brand" href="#">Project name</a> 

    </div> 
    <div class="collapse navbar-collapse"> 
     <ul class="nav navbar-nav nav-pills"> 
      <li class="active"><a href="#">Home</a> 
      </li> 
      <li><a href="#">Companies</a> 
      </li> 
      <li><a href="#">Help</a> 
      </li> 
     </ul> 
    </div> 
</div> 
<div class="row"> 
    <div class="col-md-4"> 
     <ul class="breadcrumb"> 
      <li><a href="#">Home</a> 
      </li> 
      <li><a href="#">About</a> 
      </li> 
      <li class="active"><a href="#">Help</a> 
      </li> 
     </ul> 
    </div> 
</div>

當頁面呈現麪包屑隱藏導航欄後面。任何引導的方式來修復它？或者這是一個錯誤？

PS：的jsfiddle：http://jsfiddle.net/KNsYt/2/

來源

2013-08-22 deostroll

老實說，我懷疑這是一個錯誤。我曾嘗試在內容周圍添加class =「container」，但它沒有任何區別。它是否必須是引導方式，或者是否可以向樣式中的麪包屑ul和'.pushdown {margin-top：50px}'添加'class =「下推」'？ – yochannah

@yochannah。顯然，這不是一個錯誤。 – Ravimallya

它在bootstrap documents本身明確定義如下：

體填充需要

的固定導航欄將覆蓋其他內容，除非你加填充到頂部。嘗試一下你自己的價值觀或者使用下面的代碼片段。提示：默認情況下，導航欄高50px。

所以，給身體填充50個或更多的像素來解決問題。檢查這fiddle。

確保在覈心Bootstrap CSS後包含此項。

body { 
padding-top:60px 
}

來源

2013-08-23 09:20:41 Ravimallya

謝謝。有效 –

麪包屑沒有出現由於固定在頂部

回答

相關問題