Navbar下拉列表使用Bootstrap隐藏在第二个Navbar下

Question

我目前正在为网站制作导航栏菜单，其中一些部分包含子菜单。 我的问题是子菜单显示在顶部菜单中的下拉列表上。

以下是第一个导航栏的类：

<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
</nav>

第二个：

<nav class="navbar navbar-default navbar-static-top" role="navigation">
</nav>

我尝试使用Z-Index，目前我的下拉列表比在子菜单上更高，但仍然没有运气显示下拉菜单。

这感觉就像一件简单的事情，但我不能让这个工作起来，而且我没有运气在网上寻找解决方案。

非常感谢任何帮助！

Answer 1

事实证明，这篇文章的答案有解决方案：

Bootstrap: dropdown menu covers content

我不得不补充道：

nav.navbar-static-top {
    margin-bottom: 0px;
    position: static;
}

到我的CSS并修复它。 听起来很奇怪，你需要在一个名字是静态的班级中添加位置：静态，但我很高兴它有效！