--- title: Grid 栅栏 --- # 栅栏 Grid - 栅栏，最多可分为 24 小格，可设置 gutter 和空白，默认支持响应式布局 :::tip 使用该组件推荐设置，示例已设置 ::: ```CSS * { box-sizing: border-box; } ``` ## 基础方法 使用单一分栏创建基础的栅格布局 #### 浏览 # #### 代码 ```html
8
8
8
6
6
6
6
4
4
4
4
4
4
2
2
2
2
2
2
2
2
2
2
2
2
``` ## 分栏间隔 分栏之间存在固定间隔 #### 浏览 # #### 代码 ```html
8
8
8
6
6
6
6
``` ## 分栏偏移 支持偏移指定的栏数 #### 浏览 # #### 代码 ```html
8
8
6
6
4
4
4
2
2
2
2
2
2
2
2
```