最近，我才意识到，我们不能用dir="rtl"或dir="ltr"对准dropdowns所以我们必须手工做他们的official blog says：（此功能从3.1版新增.0）引导下拉RTL对准

下拉框现在有自己的定位类更容易定制

是什么类，我怎么能做出一个下拉列表从右到左？

来源

2014-09-21 Sky

其实*最后*版本是目前v3.2.0。 – 2014-09-21 20:43:56

@HashemQolami是的这是从版本3.1.0发生的 – Sky 2014-09-21 20:46:56

Twitter的引导的新下拉对准安静不同于你是什么之后。

它只改变absolute位置下拉菜单的位置。即它不会使下拉菜单以RTL（右至左）模式显示。

在使用v3.1.0 .pull-right之前，已将下拉列表移至其包含区块的右侧。然而，随着V3.1.0的它成为赞成.dropdown-menu-right/.dropdown-menu-left弃用：

Deprecated .pull-right alignment

随着V3.1.0中，我们在下拉菜单中弃用.pull-right。以右对齐菜单，使用.dropdown-menu-right。右对齐导航组件在导航栏中使用此类的mixin版本自动对齐菜单。要覆盖它，请使用 .dropdown-menu-left。

但它没有提供前面提到的RTL效果。

RTL模式

是什么类，我怎么能做出一个下拉列表从右到左？

为了实现这一目标，你可以给direction: rtl;到.dropdown元素，并覆盖默认的.dropdown-menutext-align: left与text-align: right 。

此外，您还必须通过.dropdown-menu-right将绝对定位的下拉菜单移动到右侧。因此，你会拥有这样的：

Example Here

.rtl { direction: rtl; } 
.rtl .dropdown-menu-right { text-align: right; }

<div class="dropdown rtl"> 
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> 
    Dropdown 
    <span class="caret"></span> 
    </button> 

    <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dLabel"> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li> 
    <li role="presentation" class="divider"></li> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li> 
    </ul> 
</div>

_{我强烈建议，为了不改变使用额外的类名Twitter Bootstrap的默认样式为.dropdown。}

来源

2014-09-21 21:19:02

现在，你必须使用.dropdown-menu-right和.dropdown-menu-left

见讨论here和examples at Bootstrap page

来源

2014-09-21 20:53:18 Devin

引导下拉RTL对准

回答

RTL模式

相关问题