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。

the docs中记录了这一点：

  

使用.navbar-left或。对齐导航链接，表单，按钮或文本   .navbar-right实用工具类。这两个类都将添加一个CSS浮动   指定的方向。 [...]

     

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