如何使此下拉菜单在导航栏下方全宽？答案

【问题标题】：How to make this dropdown menu full width underneath the navbar?如何使此下拉菜单在导航栏下方全宽？
【发布时间】：2017-04-24 11:42:12
【问题描述】：

我有一个基本的 Bootstrap 导航栏here

我想做的是这样的：

（导航栏）

-----Logo------Item----Dropdown----------------------------登录/注册-----

（下拉菜单）

-----子项----子项----子项---------- --------------

悬停时，我想让下拉菜单在导航栏下方显示全宽。悬停事件不是我遇到的问题，我无法正确定位它以完全 100% 宽度。

更新

我看到 bootstrap 将 position: relative 添加到 .nav > li，当我在 Chrome 开发人员工具中取消它时，它会从导航栏元素的位置开始在屏幕上全宽。

解决方案

Working Example

我的示例的解决方案是将 Bootstrap 的 .nav>li 覆盖为 position: static。

我现在知道这叫做超级菜单：)

【问题讨论】：

【解决方案1】：

如果我的想法是正确的，我不知道你需要什么，你想要这个链接，检查引导超级菜单

【讨论】：

啊！如果我知道它的正确术语会有所帮助。是的，这正是我想要的。我能够通过将.nav>li 覆盖为position: static 来修复我的示例。在我的问题中发布了更新的内容。这非常有用，谢谢。