col-md-push-*和col-md-offset的区别?

来源:4-5 列排序

Pogue

2017-02-17 21:43

col-md-push-*和col-md-offset-* 的区别是什么呢?

写回答 关注

6回答

  • LeeHnCg
    2017-07-19 20:27:31

    根据《深入理解bootstrap一书》中,offset原理是用了margin-left来实现的偏移,而pull和push是用的float。

  • _晴不知所起一往而深_
    2017-05-10 16:00:52

    offset是通过设置margin-left,它只能向右偏移,不能交换位置,一行加起来不能超过12
    push,pull是通过设置right,left实现定位效果,改变位置,一列加起来不能超过12

  • JoKer49
    2017-04-17 17:03:31

    你这样理解  col-sm-offset是通过margin来实现的  你位移的距离同样占据着位置  而push和pull并没有使用margin  是纯位置转移。

  • Nick_arron
    2017-03-07 21:01:40

    实现方式的区别: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可以用来给元素换位置,比较灵活。

    个人观点,望采纳。

  • qq_墨尔本阳光_03756573
    2017-03-03 09:26:00

    我认为一个是按浮动定位,一个是按position:的left,right来定位.

  • LITTLEFAN
    2017-02-17 23:55:44

    首先来说他俩作用上的区别是:push是进行列排序用的,offset是进行列偏移的。

    再来看看他们俩效果上的不同:push配套使用的是.col-md-pull-*,push是放在后面,pull是放在前面,列之间不会有间距。   offset是该列向后偏移多少列,该列会与前一列产生间距地。这是我总结的,你也可以根据http://v3.bootcss.com/css/#grid。官网上的,结合自己的测试来实际体验一下。

    大半夜手打不易,求采纳。万分感谢!!!

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题