为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

正在回答

6 回答

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

个人观点,望采纳。

15 回复 有任何疑惑可以回复我~

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

1 回复 有任何疑惑可以回复我~

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

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

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

9 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
玩转Bootstrap(基础)
  • 参与学习       314544    人
  • 解答问题       2275    个

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

进入课程

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信