6.7.4 快速浮动
Bootstrap
提供了如下两个样式来实现元素的快速浮动。
样式类 | 描述 | ||
---|---|---|---|
.pull-left |
将元素浮向左边。 | ||
.pull-right |
将元素浮向右边。 | ||
|
这两个样式的用法非常简单,其源代码如下。
从源代码可以看出,.pull-left
其实就是将float
设为left
;.pull-right
其实就是将float
设为right
。其中,!import
用于指定CSS
样式的优先级。
.pull-left
、.pull-right
也可作为mixin
使用,关于mixin
的用法可参考6.3节。
.pull-left
、.pull-right
这两个样式不能在导航条中使用,导航条中应该使用.navbar-left
、.navbar-right
来代替它们。
提示:关于CSS
样式中float
属性的作用可参考《疯狂HTML 5/CSS3/JavaScript`讲义》。
原文链接: 6.7.4 快速浮动