gpt4 book ai didi

twitter-bootstrap - Bootstrap-dropdown隐藏在 "mainpage"下

转载 作者:行者123 更新时间:2023-12-03 00:40:19 26 4
gpt4 key购买 nike

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

我已确认下拉菜单正常工作,并且 .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 Collapse 类在 div 上放置一个正的 z-index 值来解决这个问题。就我而言,任何大于 0 的值都可以解决问题!

关于twitter-bootstrap - Bootstrap-dropdown隐藏在 "mainpage"下,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12656041/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com