Html 引导下拉RTL对齐

最近在bootstrap的上一个版本（3.2.0）中，我刚刚意识到，我们不能将

下拉列表与
dir=“rtl”
或
dir=“ltr”
对齐，因此我们必须手动执行以下操作：（此功能是从3.1.0版添加的）

下拉列表现在有自己的对齐类，便于自定义

那个类是什么？我如何从右到左创建下拉列表？
现在您必须使用
。右下拉菜单
和
。左下拉菜单

请参阅讨论和
推特引导的新下拉对齐方式与您所追求的完全不同

它仅更改
absolute
ly-positioned下拉菜单的位置。也就是说，它不会在RTL（从右到左）模式下显示下拉列表

在使用v3.1.0之前，将下拉列表移动到其包含块的右侧。但是，从v3.1.0开始，它就被弃用，取而代之的是/：


从v3.1.0开始，我们已经弃用了下拉菜单上的
。向右拉
。到
右对齐菜单，使用
。右下拉菜单
。右对齐导航
navbar中的组件使用该类的mixin版本来
自动对齐菜单。要覆盖它，请使用
。下拉菜单左侧

但它没有像前面提到的那样提供RTL效果

RTL模式
那个类是什么？我如何从右到左制作下拉列表

为了实现这一点，您可以给出
方向：rtl
到
.dropdown
元素，并使用
文本对齐：右
覆盖
的默认
文本对齐：左
。下拉菜单

此外，您还必须通过
将绝对定位的下拉菜单向右移动。下拉菜单也要向右移动。因此，您将得到如下结果：


.rtl{方向：rtl；}
.rtl.下拉菜单右{文本对齐：右；}


下拉列表









1我强烈建议使用额外的类名，以免更改Twitter引导的默认样式
。下拉列表
我创建了一个新文件
\u rtl.scss
，并在引导后导入它。
内容如下：

.dropdown-menu {
  text-align: start !important;
  float: right !important;
  left: initial !important;
  right: 0 !important;
}

这样，下拉列表将始终从按钮的右侧打开

我希望这会有所帮助。
实际上，目前最新版本是v3.2.0。@HashemQolami是的，这是从3.1.0版开始的