与其他按钮的btn容器中的引导按钮下拉列表

我在空闲时间创建了所见即所得编辑器。我决定我想用下拉菜单让自己选择格式。问题是当我添加一个下拉菜单时，它并不是在按钮下面，而是在按钮容器的开始处。与其他按钮的btn容器中的引导按钮下拉列表

这里是一张图片来展示我的意思。

enter image description here

的第一个按钮看起来活跃，因为文本左对齐......对不起，我试图找到一种方法来解决这个问题，但下拉是从最后一个按钮。

我的问题是，有没有办法来对齐Twitter的引导下拉列表中，它应该是上或至少使下拉与按钮容器的宽度按钮。

是的。你可以只添加规则，left: auto; right: 0;为<ul>到他那里，指定或在上课，说.right-menu，这种方式：

.right-menu, .dropdown-menu.right-menu {left: auto; right: 0;}

相同的工作演示将是jsFiddle。

2013-02-12 18:29:56

但如果下拉是在中心还是右边？我目前在列表元素中添加了“拉右”类，但想知道是否有更好的方法。 – 2013-02-12 18:31:25

不，这是正确的方法，因为'拉右'会浮动你的下拉菜单，但不会受到影响，因为它绝对定位！ – 2013-02-12 18:32:14

我的担心是，这可能并不总是在右侧。我很好奇，是否有一种方法来包含下拉，所以它相对于包含下拉按钮的按钮而不是所有按钮的实际容器。我想我会尝试用div或其他东西包装它。 – 2013-02-12 18:37:18

在.dropdown-menu上使用.pull-right使其保持在容器的右侧并不是坏事。

如the source看到，这个类是为了做到这一点：

// Aligns the dropdown menu to right 
&.pull-right { 
    right: 0; 
    left: auto; 
}

如果你喜欢让它那样大的容器，你可以尝试将其应用到您的菜单：

.dropdown-menu { 
    min-width: 100%; 
}

你应该保持.pull-right如果你有更大的菜单。

2013-02-12 18:53:38 Sherbrow

回答