为了丰富网页布局，简化 HTML/CSS 代码的耦合，并提升多终端的适配能力，layui 在 2.0 的版本中引进了自己的一套具备响应式能力的栅格系统。我们将容器进行了 12 等分，预设了 4*12 种 CSS 排列类，它们在移动设备、平板、桌面中/大尺寸四种不同的屏幕下发挥着各自的作用。
相关样式：
layui-row：表示这是一行
layui-col-xs6：移动设备占比
layui-col-sm6：平板设备占比
layui-col-md6：桌面设备占比
.col-xs-超小屏幕 手机 (<768px),.col-sm-小屏幕 平板 (≥768px),.col-md-中等屏幕 桌面显示器 (≥992px)(栅格参数)
徽章
相关样式：
layui-badge-dot：圆点
layui-badge：弧形徽章
layui-badge-rim：边框徽章
可在class后追加layui-bg-red/green/... 从而改变徽章的颜色
组合使用：
