Bootstrap navbar下拉菜单隐藏在引导滑块后面

Question

我的下拉菜单使用引导程序隐藏在我制作的滑块后面。我希望它在前面展示。根据下一个类似的问题在网上发布的各种解决方案

z-index 
overflow:visible 
position:relative 

：

我已经尝试使用。我发现我试过的任何解决方案都没有成功。

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

Answer 1

删除溢出：隐藏您的导航栏类。我希望这能帮到您。

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

} 

Answer 2

您可以通过.navbar和.collapse删除display: none;看到它。

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