在不同屏幕上布局是一个比较困难的问题，因为屏幕大小不一样，导致内容布局会比较混乱。所以提出一种网络的方式来布局，即使屏幕大小改变了，但是布局行列数不变，那么内容就不会混乱。使用组件GridRow来管理行，使用组件GridCol管理列。

先来看一下组件GridRow的定义：

GridRow(option?: {columns?: number | GridRowColumnOption, gutter?: Length | GutterOption, breakpoints?: BreakPoints, direction?: GridRowDirection})

这些参数说明如下：

我们用下面的例子来研究一下这些参数的意义：