Question

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

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

我尝试的任何东西似乎都没有正常工作，在任何元素上使用“pull-right”类，例如将鼠标悬停在某个项目上时，<li>，<a>或<span>都会失败 - 例如暮色是大小或形状错误。

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

   <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>或{{ 1}}）

任何建议/解决方案非常感谢！我正在使用Bootstrap 3.3.5

非常感谢

Answer 1

您可以将style = "text-align : right;"用于a代码。它应该工作。

如何正确对齐/证明引导下拉菜单项？

1 个答案: