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

Question

我想在响应式 "container" div.

中实现全页宽的大型菜单

Bootply example

我想使用响应式容器，但要让菜单延伸到 window 的边缘。 IE。它需要扩展到父元素之外，不受容器限制。 我试过使用 Yamm!3，但它似乎与我的示例做同样的事情，但它不起作用。我知道这整件事有点违反了 CSS 的法律，但我在想可能会有一些聪明的解决办法...

Answer 1

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

Working example

Answer 2

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

.dropdown, .dropup{position:static}