Bootstrap中关于col-md-pull,col-md-push,col-md-offset的区别和含义

push:推

pull:拉

offset:补

网上的资料里习惯称为列偏移,实际上可以想象成在左侧进行补列。由于Bootstrap网格系统的定义,一个网页宽度被均分为12份,相当于有12列,当有很多行时,可以想象成一张表格。网格系统就是在这样的基础上进行操作的,所以在一般情况下,一行若有多个元素,则要求这些元素的总列数为12行。

网格系统示意

这三者均是相对左侧进行变化。

push将目标推向右侧,pull将目标拉向左侧,offset在目标左侧使用margin-left属性添加相应数量列的宽度

三者均可使目标元素偏移,但又稍有一点区别。

区别:push和pull相当于利用的float属性,目标会脱离文本流而独立,在规范的格式下一般不会影响其他元素;但offset是增加左外边距,会将原本跟在目标元素后面的元素挤到其他位置,如图:

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容