分享一个去年鼓捣的前端开发框架，望能抛砖引玉

当初弄这个是发现即使再好的命名规范，因为思想和水平不同，页面结构五花八门，样式命名虽然按规范，但冲突再所难免，结果还是相当混乱。当初就想要是有个大的框架可套用再配合样式定义规范，让前端人员套下框架，然后就只要关注自己负责的模块结构和样式，这样就能消除大部分问题。不废话了，直接看内容：

页面分为两层：一层布局层、一层部件层。

先看布局层：

布局层由行（.row）和列（.col）两个基本元素组成，一个页面可以有多个行，一个行可以包含多个列。.col-wrap是可选的，放便习惯使用负边距布局的同学。
下面先来看布局示例：

同一个部件差异化样式可以以自身的ID或所在列、行的ID来定义，不能使用布局层的类名来进行差异化定义。这样做的好处是显而易见的，每个部件都是一个独立的整体，层级也一样，部件内部的类名即使一样，也不会互相影响。

不知道有没有表述清楚，希望有人能看懂