Javascript btn容器中带有其他按钮的引导按钮下拉列表

我在空闲时间创建所见即所得编辑器。我决定使用下拉菜单来选择格式。问题是，当我添加一个下拉列表时，它不是在按钮下，而是在按钮容器的开头

这里有一张图片来说明我的意思

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

---

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

是的。您只需添加一条规则，

left:auto；右：0

对于到达那里的

，通过定位或给一个类，比如说

。右菜单

，如下所示：

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

---

同样的工作演示也会出现。

使用

并不是一件坏事。在
下拉菜单上向右拉
，使其粘在容器的右侧

如中所示，本课程旨在做到：

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


如果您希望使其与容器一样大，可以尝试将其应用于菜单：

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

你应该保持
。向右拉
，以防你有更大的菜单

检查
，但如果下拉列表位于中间或右侧怎么办？我目前正在列表元素中添加“pull right”类，但想知道是否有更好的方法。不，这是正确的方法，因为
pull right
将浮动您的下拉列表，但不会受到影响，因为它是绝对定位的！我担心的是，这可能并不总是位于右侧。我很好奇是否有一种方法可以包含下拉列表，使它相对于包含下拉列表的按钮，而不是所有按钮的实际容器。我想我会试着用一个div或者别的什么来包装它。谢谢，我看看我能用一些js做些什么。你肯定会用一个固定的
div
来附上这个，对吗？现在，当条件肯定是固定的时，尽管它有许多按钮，为什么您担心它可能会超出空间？不要想太多。：）