Bootstrap下拉下拉左无法正常工作 [英] Bootstrap drop down pull-left not working

问题描述

我尝试在所有内容上使用向左拉，无论我做什么，包含编辑"和销毁"的下拉菜单都将显示在右侧，这意味着我会看到讨厌的滚动条.

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.

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>

推荐答案

从v3.1.0版本开始，不建议使用pull-left.

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

代替使用 dropdown-menu-right

请参见此处

这篇关于Bootstrap下拉下拉左无法正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！