隐藏在引导滑块后面的引导导航栏下拉菜单答案

【问题标题】：Bootstrap navbar dropdown hidden behind bootstrap slider隐藏在引导滑块后面的引导导航栏下拉菜单
【发布时间】：2017-09-03 03:12:36
【问题描述】：

我使用引导程序制作的下拉菜单隐藏在我制作的滑块后面。我希望它显示在前面。

我尝试过使用：

z-index
overflow:visible
position:relative

根据网上发布的各种解决方案，类似的问题。我尝试过的任何解决方案都没有成功。

我在这里有一个 JSFiddle https://jsfiddle.net/8wq0ptrw/

【问题讨论】：

可能重复：stackoverflow.com/questions/16149701/…"如果元素不是同一堆栈的一部分，z-index 将不起作用，除非它们具有 position 属性

【解决方案1】：

从导航栏类中删除溢出：隐藏。我希望这会对你有所帮助。

.nav-bar {
  list-style-type: none;
  margin: 0;
  padding: 0;

}

【讨论】：

【解决方案2】：

您可以通过从.navbar 和.collapse 中删除display: none; 来查看它。

我相信 bootstrap 提供了一个汉堡菜单图标，您需要在单击它以删除这些元素上的 display: none; 并显示下拉菜单时实现该图标。

【讨论】：