6.7.4 快速浮动

发表于 更新于 分类于 ， ， Waline： 本文字数： 473 阅读时长 ≈ 1 分钟

6.7.4 快速浮动

Bootstrap提供了如下两个样式来实现元素的快速浮动。

样式类 描述
.pull-left 将元素浮向左边。
.pull-right 将元素浮向右边。 
1
2
3
4
5
6
.pull-left{
    float:left !import;
}
.pull-right{
    float:right !import;
}

这两个样式的用法非常简单,其源代码如下。
从源代码可以看出,.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`讲义》。