Bootstrap移動菜單在第一節內容後面打開

好吧，我的自舉3移動菜單有問題，它在我的第一節內容下打開。向下滾動後，它工作正常，它只是在第一部分有這個問題。Bootstrap移動菜單在第一節內容後面打開

You can see the issue here.只是縮小屏幕大小，直到看到移動菜單按鈕。

而且，這裏是我的html爲我導航：

<div class="navbar"> 

<div class="container"> 

    <div class="navbar-header"> 

     <!-- Brand --> 
     <a href="javascript:void(0);" class="navbar-brand scroll-top"><img class="logo" width="45" height="45" alt="lightning bolt logo" src="img/logo.png"></img></a> 

     <!-- Mobile Navigation --> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> 
      <span class="ion-navicon toggle-icon"></span> 
     </button> 

    </div> 

    <!-- Main Navigation --> 
    <nav class="collapse navbar-collapse navHeaderCollapse" id="myScrollSpy" role="navigation"> 
     <ul class="nav navbar-nav navbar-right"> 
      <li><a href="#section1" data-id="section1" class="scroll-link">Home</a></li> 
      <li><a href="#section2" data-id="section2" class="scroll-link">Portfolio</a></li> 
      <li><a href="#section3" data-id="section3" class="scroll-link">About</a></li> 
      <li><a href="#section4" data-id="section4" class="scroll-link">Team</a></li> 
      <li><a href="#section5" data-id="section5" class="scroll-link">Services</a></li> 
      <li><a href="#section6" data-id="section6" class="scroll-link">Contact</a></li> 
     </ul> 
    </nav> 

</div> 

</div>

我有雙重檢查我的文件，並沒有引起這一點，任何人都遇到了這個問題之前？

來源

2014-04-09 ve1jdramas

添加z-index: 9999;風格到.navbar類應該工作。第一部分的內容與導航欄重疊。添加一個足夠高的z-index可確保它位於頁面上的每個其他元素之上。

.navbar { 
    z-index: 9999; 
}

來源

2014-04-09 01:02:05 vivekagr

太棒了！我早些時候嘗試過，但是它已經適用於錯誤的課程！謝謝 – ve1jdramas

好，所以這個工作，但是當你打開一個模式時，導航欄在它上面，因爲它隨着頁面滾動，你可以在這裏看到[issue]（http://aliensix.com/mytheme/），我試了一對不同的東西，但我不能以我想要的方式得到它，有什麼建議嗎？ – ve1jdramas

我無法在該頁面上找到任何模式。你有沒有嘗試給模態分配更高的（比導航欄）'z-index'？ – vivekagr

Bootstrap移動菜單在第一節內容後面打開

回答

相關問題