Question

我在显示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">

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

我也尝试在bootstrap.css中增加.dropdown的z-index但没有发生任何事情。

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

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

Answer 1

我能够通过在nav-collapse collapse类的div上放置一个正z-index值来解决这个问题。就我而言，任何大于0的值都可以解决问题！

Answer 2

我也有这个问题。但是当我尝试你的代码时没有问题。你是否包含了所有必要的插件，如 bootstrap-dropdown.js ？

Bootstrap-dropdown隐藏在“主页”下

2 个答案: