Html 引导下拉左拉不工作

我试着把所有的东西都向左拉，无论我做什么，包含“编辑”和“销毁”的下拉菜单都会落在右边，这意味着我会看到讨厌的滚动条

HAML版本：

.btn-group
  %button{ :class => 'btn btn-mini dropdown-toggle', 'data-toggle' => 'dropdown' }
    %span.icon-cog
  %ul.dropdown-menu
    %li= link_to 'Edit', '#'
    %li= link_to 'Destroy', '#'

<div class='btn-group'>
  <button class='btn btn-mini dropdown-toggle' data-toggle='dropdown'>
    <span class='icon-cog'></span>
  </button>
  <ul class='dropdown-menu nav pull-left'>
    <li><a href="#">Edit</a></li>
    <li><a href="#">Destroy</a></li>
  </ul>
</div>

HTML版本：

.btn-group
  %button{ :class => 'btn btn-mini dropdown-toggle', 'data-toggle' => 'dropdown' }
    %span.icon-cog
  %ul.dropdown-menu
    %li= link_to 'Edit', '#'
    %li= link_to 'Destroy', '#'

<div class='btn-group'>
  <button class='btn btn-mini dropdown-toggle' data-toggle='dropdown'>
    <span class='icon-cog'></span>
  </button>
  <ul class='dropdown-menu nav pull-left'>
    <li><a href="#">Edit</a></li>
    <li><a href="#">Destroy</a></li>
  </ul>
</div>

下拉菜单

向左拉

不适用于

下拉菜单

，但适用于

下拉子菜单

<li class="dropdown-submenu pull-left">
  <a href="#" >Branch</a>
      <ul class="dropdown-menu">
          <li><a href="#">Create Branch</a></li>
          <li><a href="#">Edit Branch</a></li>
          <li><a href="#">Set Branch Status</a></li>
      </ul>
</li>

---

使用

向右拉

而不是

向左拉

，菜单将显示在左侧。

从v3.1.0开始，向左拉已被弃用

改为使用右侧的

下拉菜单

---

我明白了。我也可以让它工作在下拉子菜单，但不是下拉菜单。所以这对我不起作用。谢谢尝试。建议：接受答案并报告错误：-）