Bootstrap 3 - 全宽子菜单

Question

我正在尝试让我的子菜单与整个父菜单具有相同的宽度，但是当然子菜单占据了它的父li的宽度。我还需要将子菜单li项放在彼此旁边 - 我尝试填充：0 -421％;在下拉菜单上，它使其与实际父母菜单的宽度相同，但当然由于额外的填充，我无法将li放在下拉菜单中。

fiddle

<a href="/">

（添加，因为我一直得到“jsfiddle必须伴随代码”错误）。

Answer 1

试试这个：

 .dropdown-menu {
     width:597px;
  }
  .dropdown-menu li {
     float: left;
  }

不是最好的方法，但这应该可以为您提供所需的信息。

Answer 2

由于您的子菜单似乎只用于大型设备，我建议修改其宽度：

@media (min-width:991px) {
    #slidemenu .dropdown-menu {
        width: 910px; 
        padding: 5px;
    }
}

为什么910px：

  

{container size} - {container horizo​​ntal padding} - {navbar-collapse horizo​​ntal padding}
  = 970 - （15 + 15） - （15 + 15）
  = 910