css栅格布局的四种大小xs，sm，md，lg

前端为了页面在不同大小的设备上也能够正常显示，通常会使用栅格布局的方式来实现。

栅格布局一般根据不同屏幕尺寸有如下的参数配置，定义如下：

xs-* 用于超小屏设备 （max-width=768px）
sm-* 用于小屏设备  (min-width=768px)
md-* 用于中屏设备  (min-width=992px)
lg-* 用于大屏设备  (min-width=1200px)

一般一行分为12等份（如bootstrap），*表示占多少份。
注：有些框架会把一行分为24份

比如： md-4 表示在中屏设备上占4份，一行最多可以显示3个
     sm-3 表示在小屏设备上占3份，一行最多显示4个

附上一份bootstrap的说明：