Bootstrap-dropdown隐藏在"主页"下

use*_*645 4 twitter-bootstrap

我有显示bootstrap .dropwdown类的问题.它从一开始就有效,但一段时间后停止显示.我在整个网站上使用固定容器作为"主页".现在看起来像这样:http://imgur.com/NIfje单击按钮时看起来像这样,正如您在小箭头上看到的那样.

我已经确认下拉列表正在运行,并且.js文件没有任何问题.这是使用的正文和标题:

<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">
Run Code Online (Sandbox Code Playgroud)

我已经尝试重置/删除可能导致此问题的所有内容,而无法修复它.这包括用默认值替换bootstrap.js/bootstrap.css.主页面包含一个固定的容器,它从标题开始到页脚结尾,正如我所说的那样包含在每一页中.我在这个容器内有几个嵌套的div标签组成了网站.

我也尝试在bootstrap.css中为.dropdown增加z-index,但什么都没发生.

我使用默认的bootstrap.js/bootstrap.css,包括一个homecook.js/homecook.css

告诉我是否需要为您提供任何其他帮助.谢谢.

est*_*les 5

我能够通过在nav-collapse collapse类的div上放置一个正的z-index值来解决这个问题.在我的情况下,任何值都大于0诀窍!