更改Bootstrap下拉列表的方向

Question

如何更改Twitter Bootstrap下拉列表的方向？

我有这样一个下拉列表:

但我希望它看起来像这样:

Answer 1

来自http://getbootstrap.com/components/#dropdowns-alignment:

不推荐使用.pull-right alignment
从v3.1.0开始,我们在下拉菜单中弃用了 .pull-right.要右对齐菜单,请使用 .dropdown-menu-right.导航栏中的右对齐导航组件使用此类的mixin版本自动对齐菜单.要覆盖它,请使用.dropdown-menu-left.

在您的情况下,将dropdown-menu-right类添加到具有dropdown-menu该类的div 应该可以解决问题.

Answer 2

使用pull-right或pull-left类.

Answer 3

这是(使用下拉菜单右键):

<ul class="dropdown-menu dropdown-menu-right">
   <li><a href"#">Action</a></li>
   <li><a href="#">Another action</a></li>
<ul>