BootStrap 学习笔记（一）

一：列组合每行12栅格 下面例子 一个占8列一个占4列  col-md-8    xs超小  sm小型  lg大型

 

二：列偏移 空几个栅格  col-md-offset-6 空六个格子

三：列嵌套 外层的又分为12栅格

四：列排序  col-md-push-6 向右推6个  col-md-pull-6 向左拉6个

五：响应式布局

 xs超小  sm小型  lg大型

适应两种不同的屏幕 

xs<768px 自动最大列宽自动

sm>=768px 750  最大列宽60px

md>=992px  970  最大列宽78 px

lg>=1200px 1170  最大列宽95 px

class="container" 的宽度

跨设备组合  可以一个class写两个  class="col-md-4   col-xs-2"

六：清除浮动

 

clearfix ：有一列比较高，下一列就顺着堆上来了就需要用 clearfix   维持原来的排序  visible-lg表示只能在情况下显示