隐藏在网格内容后面的Bootstrap导航栏下拉菜单

Question

我查找了此问题，其他帖子中提到的解决方案对我无效。

发生了什么：导航栏上的下拉菜单隐藏在图像后面，但仅当图像位于引导程序网格中时才会显示。如果我删除网格并只使用div行元素，则下拉菜单将显示在图像上方。我发现的所有修补程序都使用z-index，我尝试过，但出于某种原因，将navbar的z-index，dropdown，li元素解决了这个问题。

这是带有问题的HTML的链接：http://ratchetmedia.com/bootstrap/ 将鼠标悬停在导航栏上的“Something2”上以查看下拉列表。经过测试，IE和Chrome中存在问题。

在少数情况下，我确实需要在导航栏下使用网格，否则我会以另一种方式完成工作。

谢谢你的时间和任何输入，非常感谢！

Answer 1

您必须在.headercontainer上设置一个位置，以使z-index正常工作。只需将这些规则添加到课程中。

position: relative; 
z-index: 1;