zoukankan      html  css  js  c++  java
  • bootstarp栅格系统

    ##### 1.3.2 栅格系统

    - Bootstrap中定义了一套响应式的网格系统,
    - 其使用方式就是将一个容器划分成12列,
    - 然后通过col-xx-xx的类名控制每一列的占比

    ##### 1.3.3.row类

    - 因为每一个列默认有一个15px的左右外边距
    - row类的一个作用就是通过左右-15px屏蔽掉这个边距

    ##### 1.3.4.col-**-*类

    - col-xs-[列数]:在超小屏幕下展示几份
    - col-sm-[列数]:在小屏幕下展示几份
    - col-md-[列数]:在中等屏幕下展示几份
    - col-lg-[列数]:在大屏幕下展示几份
    - __xs__ : 超小屏幕 手机 (<768px)
    - __sm__ : 小屏幕 平板 (≥768px)
    - __md__ : 中等屏幕 桌面显示器 (≥992px)
    - __lg__ : 大屏幕 大桌面显示器 (≥1200px)

    响应式容器 container
    栅格布局 12份一列 row
    所占份数 
    移动端col-xs-4 一个盒子占4分
    小屏幕col-sm-4
    中屏幕col-md-4
    大屏幕col-lg-4
    不满足一行份数会剩余 
    超过一行的份数时 会掉下去
    流式不距 container-fluid
    列偏移:col-xs-offset2
    列排序往后推:col-xs-push-9
    排序往前拉:col-xs-pull-3
  • 相关阅读:
    模板
    CF1271E Common Number
    模板——长链剖分
    XJOI NOIP501/511训练22 ttt学字符串
    POJ 1151 Atlantis
    BZOJ 1014 [JSOI2008]火星人prefix
    Luogu P1856 [USACO5.5]矩形周长Picture
    CF716D Complete The Graph
    Luogu P2596 [ZJOI2006]书架
    HTML 学习之JavaScript作用域
  • 原文地址:https://www.cnblogs.com/lcf1314/p/5719503.html
Copyright © 2011-2022 走看看