Bootstrap下拉拉左不工作

Question

我已经尝试过把拉左手放在所有东西上,无论我做什么,包含'编辑'和'破坏'的下拉菜单都是正确的意思我出现了令人讨厌的滚动条.

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', '#'

HTML版本:

<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>

Answer 1

从v3.1.0开始,pull-left已被弃用..

而是使用 dropdown-menu-right

看这里

Answer 2

使用pull-right而不是pull-left菜单将显示在左侧.