Bootstrap 右对齐的导航

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

1. class="nav nav-pills pull-right">
2.   class="active"> href="#">Home
3.  
4. href="#">Profile
5.  
6. href="#">Messages

效果如图 4‑23所示：

图4-23 Bootstrap右对齐的导航

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

关于作者

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