Twitter bootstrap 水平子菜单背景填充视口宽度

我正在尝试获取此导航菜单上子菜单的背景，以填充视图端口的宽度

下面是我的例子：

---

我还希望子菜单继续显示在父菜单项下。这可能吗？

我删除了

.activeItem

的样式，并引入了

.activeItem:before

和

.activeItem:after

的样式

.activeItem:before

绘制箭头，

.activeItem:after

绘制蓝色背景

我删除了

下拉菜单中的backgound，因为现在不需要了

我还将整个菜单包装在
.wrapper
中

这不是最优雅的代码，但我没有更好的想法

看这里

您仍然需要使用移动版本。
我删除了
.activeItem
的样式，并引入了
.activeItem:before
和
的样式

.activeItem:before
绘制箭头，
.activeItem:after
绘制蓝色背景

我删除了
下拉菜单中的backgound，因为现在不需要了

我还将整个菜单包装在
.wrapper
中

这不是最优雅的代码，但我没有更好的想法

看这里

您仍然需要使用移动版本。
您可以实际使用
vh
属性指定相对于视口的宽度：

例如：
width:100vh
您实际上可以使用
vh
属性指定相对于视口的宽度：

例如：
width:100vh
。这正是我试图让它工作的方式。谢谢你帮助我！成功了。这正是我试图让它工作的方式。谢谢你帮助我！