Bootstrap快速浮动.pull-left 或 .pull-right 类

快速浮动

通过添加.pull-left 或 .pull-right 类，可以将任意元素向左或向右浮动。如：

1. <div class="pull-left">...</div>
2. <div class="pull-right">...</div>

在定义 .pull-left 和 .pull-right 类时，通过 !important 来明确 CSS 样式的优先级。这些类还可以作为 mixin（参见 Less 教程）使用。如：

1. // 类定义
2. .pull-left {
3.   float: left !important;
4. }
5. .pull-right {
6.   float: right !important;
7. }
8.  
9. // 作为 mixin 使用
10. .element {
11.   .pull-left();
12. }
13. .another-element {
14.   .pull-right();
15. }

注意，在导航条中，应该使用 .navbar-left或.navbar-right来对齐组件，而不是 .pull-left 或 .pull-right 。

关于作者

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