zoukankan      html  css  js  c++  java
  • 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-偏移数值使用比较方便我觉得。推荐使用这个方式进行偏移。

  • 相关阅读:
    P3241 [HNOI2015]开店 动态点分治
    P4199 万径人踪灭 FFT + manacher
    P4173 残缺的字符串
    P3338 [ZJOI2014]力
    CF1005F Berland and the Shortest Paths
    CF567E President and Roads
    P2446 [SDOI2010]大陆争霸
    CF1082G Petya and Graph
    CF1082E Increasing Frequency
    直接查数据导出xls
  • 原文地址:https://www.cnblogs.com/zjdxr-up/p/8267312.html
Copyright © 2011-2022 走看看