zoukankan      html  css  js  c++  java
  • bootstrap-网格系统

    网格系统:

    .container  : 行必须放置在 .container class 内,以便获得适当的对齐(alignment)和内边距(padding)

    .row :行内的列总数必须为12.

    .col-lg- :大型设备台式电脑(≥1200px)

    .col-md- :中型设备台式电脑(≥992px)

    .col-sm- :小型设备平板电脑(≥768px)时使用

    .col-xs-  :超小设备手机(<768px)时使用

    .col-*-offset-* : 列偏移,如.col-md-offset-3,意思是将元素的左外边距增加三列,偏移的列数范围为1-11

    .col-*-push-*:向后移动,如 .col-md-push-4,向后移动4列

    .col-*-pull-*:向前移动,如.col.md-pull-4,向前移动4列

    响应式实用工具:

    .visible-lg

    .visible-md

    .visible-sm

    .visible-xs

    .hidden-lg

    .hidden-md

    .hidden-sm

    .hidden-xs

    .visible-*-block

    .visible-*-inline

    .visible-*-inline-block

    清除浮动:.clearfix

    媒体查询:

    @media (min- @screen-sm-min){. . .}

    @media(max-@screen-sm-max){. . .}

    @media(min-@screen-sm-min) and (max-@screen-sm-max){. . .}

  • 相关阅读:
    C语言寒假大作战02
    C语言寒假大作战01
    C语言I作业12
    C语言I博客作业11
    C语言I博客作业10
    C语言I博客作业09
    C语言I作业08
    C语言ㅍ作业01 结构:通讯录
    C语言寒假大作战04
    C语言寒假大作战03
  • 原文地址:https://www.cnblogs.com/voga/p/8759675.html
Copyright © 2011-2022 走看看