Bootstrap中col-*-offset和col-*-push的区别

在Bootstrap中，col-*-offset和col-*-push都可以使一个column向右偏移距离：

它们有什么差别呢？从实现角度来讲，它们的差别是：

col-*-offset使用的是margin-left属性实现右移
col-*-push使用的是float + left属性实现右移

在使用上，如果需要偏移的列处在一行的最末尾的话，那确实看不出区别。但如果偏移的列后面还有其他列的话，就能看出差别了：

如果使用了col-*-offset，那么被偏移的列在文档流中的位置已经被改变了，产生的效果就是后续的列也会跟着“挤”到右边。

但col-*-push就不同了，被偏移的列在文档流中的实际位置是不变的，并不影响后续元素位置的计算（不管用不用col-*-push，后续元素的位置都是一样的，不会因为col-*-push被挤到右边），被偏移的列在文档流中的位置是不变的，只是在显示上，被偏移的列与后面的列发生了重叠。

希望对您的工作有帮助 :-)