Layui的布局 —— 栅格系统

Layui插件：
今天要说的是在Visual Studio 2015开发中会用到的一个很重要插件 – Layui插件。
Layui插件中有很多功能，今天就介绍最常用的几个，让大家认识Layui。

1. Layui的布局 —— 栅格系统：
   栅格布局规则：
2. 采用 layui-row 来定义行，如：
3. 采用类似 layui-col-md* 这样的预设类来定义一组列（column），且放在行（row）内。其中：
   1.变量md 代表的是不同屏幕下的标记（可选值见下文）
   2.变量* 代表的是该列所占用的12等分数（如6/12），可选值为 1 - 12
   3.如果多个列的“等分数值”总和等于12，则刚好满行排列。如果大于12，多余的列将自动另起一行。
   3.列可以同时出现最多四种不同的组合，分别是：xs（超小屏幕，如手机）、sm（小 屏幕，如平板）、md（桌面中等屏幕）、lg（桌面大型屏幕），以呈现更加动态灵活的布局。
   4.可对列追加类似 layui-col-space5、 layui-col-md-offset3 这样的预设类来定义列的间距和偏移。
   5.最后，在列（column）元素中放入你自己的任意元素填充内容，完成布局！