2013-02-06 198 views
3

我试过把左拉放在所有东西上,不管我做什么,包含'编辑'和'销毁'的下拉菜单落到了正确的意思,我得到讨厌的滚动条出现。Bootstrap drop down left-left not working

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> 

回答

4

下拉pull-left不工作的dropdown-menu,但dropdown-submenu

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

demo

+0

我明白了。我也可以使用dropdown-submenu而不是下拉菜单。所以这对我不起作用。感谢您的尝试。 – sebastyuiop

+0

建议:接受答案和错误报告:-) – Atastor

5

使用pull-right而不是pull-left,菜单将显示在左侧。 V3.1.0拉左的

+1

为什么这项工作!这个不成立 !!! ARG!谢谢 !!! –

7

由于已被弃用..

而是使用dropdown-menu-right

See here