在Bootstrap中，col-*-offset和col-*-push都可以使一个column向右偏移距离：
两种偏移看上去效果一样
它们有什么差别呢？从实现角度来讲，它们的差别是：
col-*-offset使用的是margin-left属性实现右移
col-*-push使用的是float+left属性实现右移
在使用上，如果需要偏移的列处在一行的最末尾的话，那确实看不出区别。但如果偏移的列后面还有其他列的话，就能看出差别了：
BaiduHi_2017-11-25_11-31-9.png
如果使用了col-*-offset，那么被偏移的列在文档流中的位置已经被改变了，产生的效果就是后续的列也会跟着“挤”到右边。
但col-*-push就不同了，被偏移的列在文档流中的实际位置是不变的，并不影响后续元素位置的计算（不管用不用col-*-push，后续元素的位置都是一样的，不会因为col-*-push被挤到右边），被偏移的列在文档流中的位置是不变的，只是在显示上，被偏移的列与后面的列发生了重叠。
使用.col-*-push偏移的列，在文档流中的位置不变，不影响计算其他元素的位置
希望对您的工作有帮助 :-)
网友评论