bootstrap栅格系统进行偏移格式

本文为博主原创,转载请注明出处:

offset偏移都是向右偏移,且只能向右偏移,例:

col-md-offset-2,向右偏移两列。

col-md-pull-偏移数值         //向左偏移

col-md-push-偏移数值         //向右偏移

col-md-offset-数据和col-md-push-数值的区别:

实现方式的区别:col-md-offset-*,是利用margin-left实现的,col-md-push-*/col-md-pull-*是利用相对定位实现的。

效果的区别,col-md-offset-*只能向右便宜,因为实现方式就是margin-left,而push/pull因为是相对定位,既可以左偏移也可以右偏移

还有一点,如果一行的偏移量+实际的宽度综合超过12,col-md-offset会换行显示,也是因为margin,而push/pull只会一部分不可见(超出容器),因为是相对自身定位。

从功能上来看,push和pull可以用来给元素换位置,比较灵活。

在使用过程中,col-md-push-偏移数值使用比较方便我觉得。推荐使用这个方式进行偏移。

上一篇:django 初始化 介绍 生命周期


下一篇:『学了就忘』Linux基础 — 11、通过setup工具配置Linux系统IP地址