Grid 网格

优质

小牛编辑

131浏览

2023-12-01

Use our simple grid to build layouts of some sizes thanks to a twelve column system, Sass variables and mixins, and predefined classes.

Examples

<w class="container">
  <w class="row">
    <text class="col col-6">
      1 of 2
    </text>
    <text class="col col-6">
      2 of 2
    </text>
  </w>
  <w class="row">
    <text class="col col-4">
      1 of 3
    </text>
    <text class="col col-4">
      2 of 3
    </text>
    <text class="col col-4">
      3 of 3
    </text>
  </w>
  <w class="row">
    <text class="col col-3">
      1 of 4
    </text>
    <text class="col col-3">
      2 of 4
    </text>
    <text class="col col-3">
      3 of 4
    </text>
    <text class="col col-3">
      4 of 4
    </text>
  </w>
  <w class="row">
    <text class="col col-2">
      1 of 6
    </text>
    <text class="col col-2">
      2 of 6
    </text>
    <text class="col col-2">
      3 of 6
    </text>
    <text class="col col-2">
      4 of 6
    </text>
    <text class="col col-2">
      5 of 6
    </text>
    <text class="col col-2">
      6 of 6
    </text>
  </w>
</w>