4

我在显示引导程序 .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

告诉我是否需要提供其他任何东西让您能够帮助我。谢谢你。

4

2 回答 2

5

nav-collapse collapse我可以通过在带有类的 div 上放置一个正的 z-index 值来解决这个问题。在我的情况下，任何大于0这个技巧的价值！

于 2012-11-27T19:21:01.253 回答
0

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

于 2012-10-03T15:57:56.207 回答