twitter-bootstrap – Bootstrap-dropdown隐藏在“主页”下

发布时间：2020-12-17 21:27:14 所属栏目：安全来源：网络整理

导读：我有显示bootstrap .dropwdown类的问题.它从一开始就有效,但一段时间后停止显示.我在整个网站上使用固定容器作为“主页”.现在看起来像这样： http://imgur.com/NIfje单击按钮时看起来像这样,因为您可以看到显示的小箭头. 我已经确认下拉列表正在运行,并且.j

我有显示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

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

解决方法

我能够通过使用nav-collapse崩溃类在div上放置一个正的z-index值来解决这个问题.就我而言,任何大于0的值都可以实现！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!