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 类对应的样式;