将 Bootstrap 下拉菜单向右对齐答案

【问题标题】：Align Bootstrap dropdown to the right将 Bootstrap 下拉菜单向右对齐
【发布时间】：2015-07-16 15:12:57
【问题描述】：

我正在使用 Bootstrap 下拉菜单： http://getbootstrap.com/components/#dropdowns

如您所见，一旦打开下拉菜单，它总是向左对齐。有没有办法让它向右对齐？（我可以通过设置.dropdown-menu {left: [something]; 为每个下拉菜单单独执行此操作），但我宁愿不这样做。

【问题讨论】：

bootstrap dropdown bubble align right (not push-right)的可能重复
getbootstrap.com/components/#dropdowns-alignment
@lmgonzalves 您提供的链接可能是重复的，但现在已弃用已接受的答案（请参阅我之前评论中的链接）。
但是有一个comment 这么说。无论如何，最好的来源是 Bootstrap 网站。
^ 是的，我没在里面看到 - 我错过了。

标签： jquery css twitter-bootstrap

【解决方案1】：

使用 pull-right 或 pull-menu-right (bootstrap v3.1. upwards) 类，具体取决于您运行的引导程序版本。

Jsfiddle

<div class="dropdown-menu pull-right">
    your dropdown 
</div>

【讨论】：

【解决方案2】：

你需要使用它的类：.pull-right

对于 I.E.

<ul class="dropdown-menu pull-right" role="menu">
       <li><a href="#">Menu Item 01</a></li>
       <li><a href="#">Menu Item 01</a></li>
       <li><a href="#">Menu Item 02</a></li>
       <li><a href="#">Menu Item 03</a></li>
       <li><a href="#">Menu Item 04</a></li>
</ul>

【讨论】：

【解决方案3】：

是的，看起来 pull-right 已被弃用，.dropdown-menu-right 是一种方法。谢谢！

【讨论】：