bootstrap

bootstrap 栅栏系统
例如：<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
Col ------代表列  Xs--------代表超小  Sm-------代表小  Md-------代表中等  Lg---------代表大

屏幕每行div默认12列
col-xs-12 这个div占超小屏幕的12列 即1row
col-sm-6  这个div占小屏幕的6列    即1/2row
col-md-4  这个div占中屏幕的4列    即1/3row
col-lg-3    这个div占大屏幕的3列    即1/4row

当屏幕尺寸小于 768px 的时候，用 col-xs-12 类对应的样式；
当屏幕尺寸在 768px 到 992px 之间的时候，用 col-sm-6 类对应的样式；
当屏幕尺寸在 992px 到 1200px 之间的时候，用 col-md-4 类对应的样式；
当屏幕尺寸大于 1200px 的时候，用 col-lg-3 类对应的样式；