Bootstrap容器中桌面上的全宽度兆菜单

Question

我正在尝试创建一个存在于导航列表元素中的大型菜单，但同时大型菜单需要跨越页面的整个宽度。

我坚持认为，大型菜单与父母居住的地方有关。 巨型菜单与第一个导航项对齐，我想让它齐平整个页面的左边缘。

是否有非JS解决方案？

附图显示了我目前的情况。

Link to a quick fiddle:

compile 'com.squareup.retrofit2:retrofit:2.1.0'
    compile ('com.squareup.retrofit2:converter-simplexml:2.1.0'){
        exclude group: 'xpp3', module: 'xpp3'
        exclude group: 'stax', module: 'stax-api'
        exclude group: 'stax', module: 'stax'
    }

Answer 1

将这两行添加到.nav .mega-menu＆＃39; sss：

.nav .mega-menu {
  position: fixed;
  left: 0px;
}

的jsfiddle： https://jsfiddle.net/n2oodnrz/23/

Answer 2

您可以添加“position：static;”你的CSS中的.nav。绝对定位的元素将“卡在”任何具有非静态定位的父母中。