Bootstrap：响应式容器内的整页宽度大型菜单

Question

我想在响应式“容器”div中实现整页宽度超级菜单。

Bootply example

我想使用响应式容器，但菜单可以伸出窗口的边缘。即它需要在父元素之外扩展而不受容器的限制。 我曾尝试使用Yamm!3，但它似乎与我的例子做同样的事情，这不起作用。我知道这一切都有点违反了CSS的规律，但我当时认为可能会有一些聪明的工作......

Answer 1

我找到了答案。我需要在下拉列表和下一个父div中添加position static。然后向下移动下拉菜单，使其显示在菜单下方。

Working example

Answer 2

您只需在下方添加更多样式：

.dropdown, .dropup{position:static}