如何右對齊/對齊引導程序下拉菜單項？

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標簽。 它應該工作。