如何右对齐/对齐引导下拉菜单项？

问题描述：

我试图将标准引导下拉菜单中的项目与菜单中的右侧对齐。通常他们是左对齐的。如何右对齐/对齐引导下拉菜单项？

我需要这个，因为我显示的语言是从右向左（RTL）读取的。

没有我尝试似乎正常工作，使用任何元素上的“拉右”类，例如，当盘旋在物品上时，所有的物品都会失效，例如<li>,<a>或<span>。 hilight是不正确的大小或形状。

请注意，<ul>中的dropdown-menu-right类仅将整个菜单容器与父按钮对齐，而不是容器（这是我想要的）菜单内的项目。代码目前是：

<ul class="dropdown-menu dropdown-menu-right"> 
     <li><a href="#"><span dir="rtl">جديد ...</span></a></li> 
     <li><a href="#"><span dir="rtl">حفظ ...</span></a></li> 
     <li><a href="#"><span dir="rtl">تحميل ...</span></a></li> 
     <li><a href="#"><span dir="rtl">نص عادي (العادية) المشاركة ...</span></a></li> 
     <li class="divider"></li> 
     <li><a href="#" id="quitapp"><span dir="rtl"><i class="fa fa-close fa-lg fa-fw"></i>&nbsp;الإقلاع عن التدخين ... 
    </span></a></li> 
    </ul>

（注：我需要<span dir="rtl">确保文本显示在正确的方向，并希望保留菜单的整体外观（所以不知道有关转换到<divs>或<listgroups>）

任何建议/解决方案，非常感谢！我使用的是引导3.3.5

非常感谢

您是否使用Bootstrap RTL CSS库？ – vanburen

把李元素添加类文本的权利。 –

谢谢，非常有帮助 –

答

可以使用style = "text-align : right;"为a个标签。它应该工作。

如何右对齐/对齐引导下拉菜单项？

相关推荐