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

我試圖將標準引導下拉菜單中的項目與菜單中的右側對齊。通常他們是左對齊的。如何右對齊/對齊引導下拉菜單項？

我需要這個，因爲我顯示的語言是從右向左（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

非常感謝

來源

2015-09-05 Alex Kerr

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

把李元素添加類文本的權利。 –

謝謝，非常有幫助 –

可以使用style = "text-align : right;"爲a個標籤。它應該工作。

來源

2015-09-05 21:43:07

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

回答

相關問題