Twitter bootstrap 引导子菜单并向左拉间隙

要在bootstrap v2中创建子菜单，且子菜单显示在主菜单的右侧，手册建议使用.pull left，但在这种情况下，子菜单的渲染偏移量似乎至少等于主菜单宽度。如果子菜单没有那么宽，则子菜单和主菜单之间存在间隙

看

有可能消除这个差距吗

---

我尝试的一个棘手的解决方法是将子菜单ul元素的宽度设置为100%。它可以消除间隙，但我更喜欢保持子菜单自然宽度的解决方案。

当下拉菜单比子菜单宽时，我也遇到了同样的问题。问题是子菜单的位置是从其左侧计算的，因此我将其固定为：

.left-submenu {
    float: none;
}

.left-submenu > .dropdown-menu {
    border-radius: 6px 0px 6px 6px;
    left: auto;
    margin-left: 10px;
    right: 98%;
}

使用

.left子菜单

类而不是

。在下拉子菜单上向左拉

将解决您的问题。你可以在这里看到它：

.left-submenu {
    float: none;
}

.left-submenu > .dropdown-menu {
    border-radius: 6px 0px 6px 6px;
    left: auto;
    margin-left: 10px;
    right: 98%;
}