引导程序 3 - 全宽子菜单

Question

我试图让我的子菜单具有与整个父菜单相同的宽度，但是子菜单当然采用其父菜单的宽度。我还需要将子菜单 li 项彼此相邻浮动 - 我尝试做填充：0 -421%;在下拉菜单上，使其宽度与实际的父菜单相同，但由于额外的填充，我当然无法在下拉菜单中浮动 LI。

小提琴

<a href="/">

（添加，因为我不断收到"JSFIDDLE 必须附带代码"错误）。

Answer 1

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

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

为什么910px ：

{容器大小} - {容器水平填充} - {导航栏折叠水平填充}
= 970 - （15 + 15） - （15 + 15）
= 910

Answer 2

试试这个：

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

不是最好的方法，但这应该给你你想要的东西。