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>=768px750 最大列宽60px

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

lg>=1200px1170 最大列宽95px

class="container"的宽度

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

六：清除浮动

 

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