Bootstrap navbar dropdown, скрытый за содержимым сетки

Question

Я искал эту проблему, и решения, упомянутые в других сообщениях, не работали для меня.

Что происходит: мое выпадающее меню на панели навигации скрыто за изображением, но только тогда, когда изображение находится в сетях Bootstrap. Если я удалю сетку и просто использую элемент div div, выпадающее меню появится над изображением. Все исправления, которые я нашел, использовали z-index, который я пробовал, но по какой-то причине установка z-индекса на панели навигации, выпадающего списка, элементов li не устраняет эту проблему.

Ссылка на HTML с проблемой: http://ratchetmedia.com/bootstrap/ Наведите указатель мыши на «Something2» на навигационной панели, чтобы увидеть раскрывающееся меню. Протестировано и проблема существует в IE и Chrome для меня.

Мне действительно нужно использовать сетку под панелью навигации в нескольких случаях, иначе я бы просто выполнил работу по-другому.

Благодарим вас за внимание и за предоставленную информацию.

Answer 1

Для работы необходимо установить .headercontainer на z-index. Просто добавьте эти правила в класс.

position: relative; 
z-index: 1;