Bootstrap屏幕排版css中的col-xs-*,col-sm-*,col-md-*

col-列；

xs-maxsmall，超小；sm-small，小；md-medium，中等；

-*表示占列，即占自动每行row分12列栅格系统比；

col-xs-*超小屏幕 手机 (<768px),

.col-sm-*小屏幕 平板 (≥768px),

.col-md-*中等屏幕 桌面显示器 (≥992px)(栅格参数).

  不管在哪种屏幕上，栅格系统都会自动的每行row分12列 col-xs-*和col-sm-* 和col-md-*后面跟的参数表示在当前的屏幕中 每个div所占列数。例如 <div class="col-xs-2 col-md-3"> 这个div在屏幕中占的位置是： .col-xs-2 在超小屏幕中占2列 也就是屏幕的1/6（12/2列=6个div），.col-md-3 在中等屏幕中占3列也就是1/4（12/3列=4个div）。