美文网首页程序员
Bootstrap中关于col-md-pull,col-md-p

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

作者: 葬灬暗 | 来源:发表于2019-03-27 13:32 被阅读0次

push:推

pull:拉

offset:补

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

网格系统示意

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

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

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

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

相关文章

网友评论

    本文标题:Bootstrap中关于col-md-pull,col-md-p

    本文链接:https://www.haomeiwen.com/subject/tohzvqtx.html