Как сделать это выпадающее меню полной шириной под навигационной панелью?

Question

У меня есть основные Bootstrap Navbar here

То, что я хочу сделать это:

(Navbar)

----- Logo ------ Пункт --- -Dropdown ---------------------------- Войти/Регистрация -----

(выпадающее меню)

----- Подпункт ---- Подпункт ---- Подпункт ---------------------------- -----------

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

Update

Я вижу, что самозагрузки добавляет position: relative к .nav > li, когда я сними это инструменты разработчика Chrome он идет по всей ширине с экрана, начиная с позиции элемента NavBar.

Решение

Working Example

Решение моего примера перекрывая Bootstrap-х .nav>li к position: static.

теперь я знаю, что это называется мега меню :)

Answer 1

Я не знаю точно, что вам нужно, если моя мысль права вы хотите эту ссылку, проверьте с начальной загрузки мега меню

click here