html下拉列表怎么对齐,html – Bootstrap下拉RTL对齐

Twitter引导程序的新下拉对齐方式与您之后的安静方式不同.

它只会改变绝对定位的下拉菜单的位置.即它不会使下拉列表出现在RTL(从右到左)模式中.

在v3.1.0之前,已使用.pull-right将下拉列表移动到其包含块的右侧.但是从v3.1.0开始,它被弃用,赞成.dropdown-menu-right/.dropdown-menu-left：

07003

As of v3.1.0, we’ve deprecated .pull-right on dropdown menus. To

right-align a menu, use .dropdown-menu-right. Right-aligned nav

components in the navbar use a mixin version of this class to

automatically align the menu. To override it, use

.dropdown-menu-left.

但它没有像前面提到的那样给出RTL效果.

RTL模式

What is that class and how can I make a dropdown list right to left?

为了达到这个目的,你可以给出方向：rtl;到.dropdown元素,并使用text-align：right1覆盖.dropdown-menu的默认text-align：left.

此外,您还必须通过.dropdown-menu-right向右移动绝对定位的下拉菜单.因此,你最终会得到这样的东西：

.rtl { direction: rtl; }

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

Dropdown

• Action
• Another action
• Something else here
• Separated link

1我强烈建议使用额外的类名,以免更改Twitter Bootstrap的默认样式.dropdown.