bootstrap導航欄重疊div標籤

Question

我一直在玩這一段時間，並認爲是時候尋求幫助。 我有一個容器，裏面有一個鏈接，鏈接下面有一個標籤，下面是導航欄。 我嘗試了一些設置，但一直沒有弄清楚。 有一刻，我以爲我擁有了它。

將帖子下面是我一直在擺弄周圍代碼：

<div style=" background-color:#f0f0f1; width:inherit;"> 
     <div class="container"> 
     <!--Page Title Section --> 

      <div class="container"> 
       <div style="float:left;"> 
        <br /> 
        <a href="#">Back to Link</a> 
        <p class="pagelabelspacer"> 
         <asp:Label ID="PageTitleLabel" CssClass="pageTitle" runat="server">Page Title.</asp:Label> 
        </p> 
       </div> 
      </div><!-- /.container-collapse --> 
     </div> 

     <!--End Page Title Section--> 

     <!--Nav Bar --> 

     <div class="container"> 

      <nav class="navbar navbar-inverse navbar-default"> 
      <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> 
      </div> 
      <div class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#">Link 1</a></li> 
       <li><a href="#">Link 1</a></li> 
       <li><a href="#">Link 1</a></li> 
       </ul>  
      </div> 
      </nav> 
     </div> 

     <!--End Nav Bar --> 
    </div> 

將帖子我的問題：

1. 我如何獲得導航欄不重疊鏈接和標籤？ [我的回答 - >只是把它放在另一個容器，它的工作原理]

2. 在導航欄默認情況下，導航欄的高度似乎被誇大了（即太高）。有沒有辦法改變它（例如設置特定的像素高度）？

3. 有沒有辦法來覆蓋默認的導航欄顏色？

我會繼續玩它來試圖讓它工作。 任何建議和意見，不勝感激。 謝謝！

Answer 1

如何讓導航欄不重疊鏈接和標籤？

http://getbootstrap.com/components/#navbar-fixed-bottom

體填充需要

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

body {padding-bottom：70px; }

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

有沒有辦法來覆蓋默認的導航顏色？

http://getbootstrap.com/customize/#navbar

如果您使用SASS或更少的引導，有您可以更改操縱元素的各種屬性變量。