隱藏在網格內容後面的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;