Grid

栅格布局组件，利用 flexbox 实现的栅格布局 demo

用法

基础用法

<grid-row gutter>
  <grid-col width="50">.col-50</grid-col>
  <grid-col width="50">.col-50</grid-col>
</grid-row>

设置平板上的宽度

<grid-row gutter>
  <grid-col width="50" tablet="25">.col-50.tablet-25</grid-col>
  <grid-col width="50" tablet="25">.col-50.tablet-25</grid-col>
  <grid-col width="50" tablet="25">.col-50.tablet-25</grid-col>
  <grid-col width="50" tablet="25">.col-50.tablet-25</grid-col>
</grid-row>

API

grid-row

grid-col