Bootstrap 右对齐的导航

所有的导航，默认都是左对齐，即导航的左边缘与父对象的左边缘对齐。为导航追加 .pull-right 类，可以让它变成右对齐，即导航的右边缘与父对象的右边缘对齐。如：

1. <ul class="nav nav-pills pull-right">
2.   <li class="active"><a href="#">Home</a></li>
3.   <li><a href="#">Profile</a></li>
4.   <li><a href="#">Messages</a></li>
5. </ul>

效果如图 4‑23所示：

图4-23 Bootstrap右对齐的导航

此方法适用于所有导航，包括标签导航、胶囊式导航、导航列表，无论是否带有下拉菜单。由于这里的右对齐是通过向右浮动实现的。因此，使用时要考虑浮动对布局的影响。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。