twitter-bootstrap - Bootstrap 3右对齐导航影响折叠菜单

Question

我有以下代码：

<ul class="nav navbar-nav pull-right">
  <li><a href="#">One</a></li>
  <li><a href="#">Two</a></li>
</ul>

问题是当可折叠菜单出现时（即在移动设备上），文本是右对齐的。

有没有其他方法可以在不影响折叠版本的情况下将导航拉到右侧？

Answer 1

使用navbar-right类而不是pull-right.

这记录在文档中：

使用 .navbar-left 或 .navbar-right 实用程序类对齐导航链接、表单、按钮或文本。两个类都将在指定方向添加 CSS 浮动。[...]

这些类是 .pull-left 和 .pull-right 的混合版本，但它们的范围仅限于媒体查询，以便更轻松地处理跨设备大小的导航栏组件。