Javascript 将间距添加到Twitter引导子菜单

我试图在Twitter引导子菜单的左侧添加一些间距，以便在第二级和第三级菜单之间有一点间距。因此，我使用了以下添加的CSS：

.dropdown-submenu > .dropdown-menu {
    margin: -1px 0 0 5px;
}

但是，当用户将鼠标移到间隙上时，子菜单将消失（变慢）。如何在鼠标移到菜单上时添加空间并保持菜单显示

这是一把小提琴：

---

这并不是最漂亮的解决方案，但您可以用透明的5px边框填充

.dropdown子菜单

元素

这样做的一个副作用是，您还必须稍微修剪一下子锚点标记：

CSS

工作示例：

---

注意，您仍然会将

页边距顶部：-1px

放在

.dropdown submenu>中。dropdown menu

对我来说足够近：）我看到的唯一问题是左上角没有四舍五入，但这没什么大不了的。谢谢@David左上角未圆角是一个引导css功能（在

.dropdown submenu>.dropdown menu>.dropdown menu

中的第2996行）。您可以在自己的css中使用

。下拉子菜单>。下拉菜单{边框半径：6px 6px 6px 6px；}

.dropdown-submenu  {
    border-right: transparent block 5px;
    margin-right: -5px;
}

.dropdown-submenu > a {
    position: relative;
    right: 5px;
    margin-left: 5px;
}