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

Question

我正在尝试将标准引导程序下拉菜单中的项目与菜单中的右侧对齐。 通常，它们保持对齐。

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

我尝试过的任何事情似乎都无法正常工作，在任何元素上使用“ pull-right”类，例如将<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> ）

任何建议/解决方案表示赞赏！ 我正在使用Bootstrap 3.3.5

非常感谢

Answer 1

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