Question

我正在尝试使用Bootstrap Twitter创建下拉菜单。我需要有与主菜单宽度相同的子菜单，并放在它下面。

Bootstrap仅向我们提供标准下拉菜单，该菜单位于点击的li项目正下方，宽度取决于此li。这当然是可以理解的，因为子菜单是点击li的孩子，但是你有任何简单的技巧可以让它改变吗？或者唯一的解决方案是为此编写我自己的下拉列表？

更重要的是，我需要它做出回应。

Answer 1

您可以调整.dropdown子菜单的CSS，使其显示在其父下拉列表下方。

例如，

.dropdown-submenu .dropdown-menu{
    left:10px;
    top:32px;
}

的 Demo

Answer 2

您可以将这些样式添加到子菜单中（只需替换您需要匹配父元素的填充/边距大小）

.dropdown-menu {
    padding:0 100%;
    margin: 0 -100%;
  }

Answer 3

使用jQuery执行此操作

$(".dropdown-menu").css("padding","0 100%");
$(".dropdown-menu").css("margin","0 -100%");