程序员

Bootstrap中关于col-md-pull,col-md-p

2019-03-27  本文已影响0人  水果拉菲克

push:推

pull:拉

offset:补

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

网格系统示意

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

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读