码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap栅格系统进行偏移格式

时间:2018-01-11 15:36:45      阅读:1703      评论:0      收藏:0      [点我收藏+]

标签:超过   -o   font   gpo   相对   就是   body   family   定位   

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

      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-偏移数值使用比较方便我觉得。推荐使用这个方式进行偏移。

bootstrap栅格系统进行偏移格式

标签:超过   -o   font   gpo   相对   就是   body   family   定位   

原文地址:https://www.cnblogs.com/zjdxr-up/p/8267312.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!