引導 - 下拉式隱藏在「主頁」

我有顯示引導.dropwdown類的問題。它從一開始就有效，但在一段時間後停止顯示。我在整個網站使用一個固定的容器作爲「主頁」。現在看起來像這樣：http://imgur.com/NIfje看起來像這個按鈕被點擊時，你可以看到顯示的小箭頭。引導 - 下拉式隱藏在「主頁」

我已確認下拉列表正常工作，並且.js文件沒有任何問題。這裏是用身體和頭部IM：

<body> 
<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 
     <span class="brand">doost</span> 
     <div class="nav-collapse collapse"> 
     <ul class="nav"> 
      <li><a href="<?php echo $logout; ?>">Logout</a></li> 
      <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">browse <b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
       <li><a href="<?php echo $random; ?>">random</a></li> 
      </ul> 
      </li> 
     </ul> 
    </div><!--/.nav-collapse --> 
    </div> 
    </div> 
</div> 
<div class="container">

我已嘗試重置/移除可能已經沒有能夠修復導致此問題的一切。這包括用默認的替換bootstrap.js/bootstrap.css。主頁面由一個固定的容器組成，該容器始於頁眉並以頁腳結尾，正如我在每頁所述的那樣。我在這個容器中有幾個嵌套的div標籤組成網站。

我也試過在bootstrap.css中爲.dropdown增加z-index，但是什麼也沒有發生。

進出口使用默認bootstrap.js/bootstrap.css包括一個homecook.js/homecook.css

告訴我，如果我需要提供什麼都讓你能幫助我。謝謝。

來源

2012-09-29 user1683645

你可以使用jsFiddle爲我們提供css，js和html包，所以我們可以看到有什麼問題並編輯它 – madhead

這裏是：http://jsfiddle.net/5xm37/ – user1683645

檢查出'overflow'屬性碼。 http://jsfiddle.net/5xm37/4/。並且，請使用左列向filddles添加資源，不要粘貼它們。 – madhead

我也有這個問題。但是，當我嘗試你的代碼沒有問題。你有沒有包含所有必要的插件，如bootstrap-dropdown.js？

來源

2012-10-03 15:57:56 Toki

沒有，因爲我有一些嵌入HTML內的php代碼，因爲我已經註釋掉了。但是這並不適用於PHP代碼，所以我猜想它會以某種方式竊聽下拉功能。我刪除它，下拉菜單再次工作。 – user1683645

我能夠解決這個問題，通過在nav-collapse collapse類的div上加上一個正z-index值。在我的情況下，任何大於0的值都有訣竅！

來源

2012-11-27 19:21:01 estaples

由於背後的原因，請查看[stacking stacking]（https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context） – Touko

引導 - 下拉式隱藏在「主頁」

回答

相關問題