Javascript 显示引导下拉菜单，使列表向左而不是向右

我对BootstrapTwitter3中的按钮下拉列表有问题

HTML

<div class="input-group">
    <input type="text" class="form-control">
    <!-- Split button -->
    <div class="input-group-btn">
     <button type="button" class="btn btn-danger">Action</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

行动
切换下拉列表

在上面的JSFIDLE中，您可以看到一个输入棒，其右侧有一个下拉按钮

问题是下拉按钮列表的显示方式是剪切列表（视口不应自行展开，但实际情况就是这样）

问题

如何告诉此元素从右向左显示列表（与当前行为相反）？

尝试使用：

class=“下拉菜单向右拉”

正如你在这里看到的：

这将确保

下拉菜单向右拉，从而使其
浮动：正确！重要信息

这将确保它不会隐藏在后面

编辑：Rory McCrossan的答案是此问题的推荐解决方案
您可以通过CSS（覆盖默认规则）或使用新类进行自定义：

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

事实上，这个类也是一样的
。从库中向右拉
：

CSS

.pull-right {
  right:0;
  left: auto;
}

从：

默认情况下，下拉菜单自动定位在距父菜单顶部100%的位置，并沿父菜单的左侧。将
.dropdown menu right
添加到
.dropdown menu
以右对齐下拉菜单





<ul class="dropdown-menu dropdown-menu-right">
    <!-- your li elements... -->
</ul>