twitter-bootstrap Bootstrap 下拉左拉不起作用
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/14722605/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Bootstrap drop down pull-left not working
提问by sebastyuiop
I have tried putting pull-left on everything and whatever I do the drop down menu containing 'Edit' and 'Destroy' falls to the right meaning I get nasty scrollbars appearing.
我试过在所有东西上都向左拉,无论我做什么,包含“编辑”和“销毁”的下拉菜单都会落到右边,这意味着我会出现讨厌的滚动条。
HAMLversion:
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', '#'
HTMLversion:
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>
回答by
回答by Wolf87
Use pull-rightinstead of pull-leftand menu will be shown on the left.
使用pull-right代替pull-left和菜单将显示在左侧。
回答by rails_id
dropdown pull-leftnot working for dropdown-menu, but working for dropdown-submenu
下拉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>

