## 布局
 布局的栅格化系统使用了12列响应式网格布局。其工作原理如下：

* “行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。
* 通过“行（row）”在水平方向创建一组“列（column）”。
* 具体内容放置在“列（col）”内，并且`col`可以作为`row`的直接元素
* 栅格系统中的列指1到12的值来表示
* 如果一“行（row）”中包含的“列（column）”大于12，多余的“列（column）”所在的元素将被作为一个整体另起一行排列
* 响应式断点

|class|区间|
|----------:|----------:|
|u-col-xs-*|手机、小于768px|
|u-col-sm-*|平板、大于等于768px|
|u-col-md-*|桌面显示器、大于等于992px|
|u-col-lg-*|大桌面显示器、大于等于992px|