iView24栅格的布局方式

一行是24列，span指定一列的份数

将一行三列等分

如果span的值加起来超过了24，那么就会挤到下一行（不过我们建议这样，如果在可控范围内，下一行可以再用一个Row包裹）

溢出到下一行
若想栅格之间存在空隙，给Row组件上添加:gutter属性，属性的值为多少，就会出现多少像素的空隙。（由于iView的在设计时都遵循2,4,8这样的数字，:gutter在设置时也建议使用8和8的倍数）
我们也可以用Row嵌套Row来设置，并且子级的:gutter属性不会受到父级的影响。
使用iView内置的Affix组件包裹可以使目标内容悬停在页面固定位置，不随滚动条滚动。类似于添加了fixed属性。Affix组件包裹的组件也可以实现，在它之上的内容滚动完后，它再进行悬停。
对于Affix组件，设置它的offset-top属性，可以实现它相对于顶部多少像素悬停。这样可以使他对导航栏不起冲突。
当内容是被异步请求的时候，栅格布局默认无内容时宽高为0。等内容请求到的时候，会突然撑开布局，这样不是很美观。因此我们可以在请求的内容下面指定一个标签，作为空元素占位。

空元素宽度百分百而起到占位作用
iView栅格布局的响应式：下图的内容解释为：当宽度小于768像素时，该Col的栅格布局变为占满24格，若大于768像素时，该Col的栅格布局变为6格。

响应式的应用
同时，xs等熟悉传入的也可以是一个对象，这里的是意思是，当小于768px时，占满24栅格并且不空出任何位置，大于768px时，变为6格，空出一格的位置

传入的是对象