Grid

我们参考 Bootstrap 5 使用移动端优先的 Flex 网格，构建了一个适用于 Acorn 较为轻量的 12 列删格系统，可以同时结合 Flex 工具 使用。

示例

Column
Column
Column
col-8
col-4
col-2
col-2
col-2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="row">
  <div class="col">Column</div>
  <div class="col">Column</div>
  <div class="col">Column</div>
</div>
<div class="row">
  <div class="col-8">col-8</div>
  <div class="col-4">col-4</div>
</div>
<div class="row justify-content-between">
  <div class="col-2">col-2</div>
  <div class="col-2">col-2</div>
  <div class="col-2">col-2</div>
</div>

参考：Bootstrap Grid