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

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-21 16:16:49  来源:igfitidea点击:

Bootstrap drop down pull-left not working

htmlcssruby-on-railstwitter-bootstrap

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

As of v3.1.0 pull-left has been deprecated..

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

Instead use dropdown-menu-right

而是使用 dropdown-menu-right

See here

看这里

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

demo

演示