使用 Bootstrap 隐藏在第二个导航栏下的导航栏下拉列表答案

【问题标题】：Navbar Dropdown list hidden under second Navbar using Bootstrap使用 Bootstrap 隐藏在第二个导航栏下的导航栏下拉列表
【发布时间】：2018-04-16 07:31:16
【问题描述】：

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

这是第一个导航栏的类：

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

第二个：

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

我尝试过使用 Z-Index，它目前在我的下拉列表中高于子菜单，但仍然无法在其上显示下拉列表。

这感觉很简单，但我无法让它工作，而且我在网上找不到解决方案。

任何帮助都将不胜感激！

【问题讨论】：

【解决方案1】：

原来这篇文章的答案有解决办法：

我必须补充：

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

到我的 CSS 并修复它。您需要将 position:static 添加到名称为静态的类中，这听起来很奇怪，但我很高兴它可以工作！

【讨论】：