仅桌面端保证样式
Col 栅格列
24 栅格的列容器，须配合 Row 使用：span 控制占比（0 时整列隐藏），offset 左侧空列，push / pull 以相对定位微调视觉位置（源码顺序不变）；xs ~ xl 提供响应式配置。列会自动从 Row 注入 gutter 并生成左右内边距，无需单独设置。
基础用法
span 为列在 24 格中的占比：4 x 6 均分一行，16 + 8 为常见的两栏比例。
span 6
span 6
span 6
span 6
span 16
span 8
混合比例分栏
同一行内 span 可以任意组合：4 + 8 + 12、6 + 18 等；常用布局如「窄标签 + 宽内容」「窄侧栏 + 宽主区」。
span 4
span 8
span 12
span 6
span 18
偏移 offset
offset 以左边距空出对应栅格数，常用于居中表单、错位排版；偏移会占用行内空间，同行的 span + offset 总和不应超过 24。
span 8
span 8 offset 8
居中的一列
排序 push / pull
push / pull 基于 relative 定位移位，可交换两列的视觉顺序而保持 DOM 顺序不变（利于 SEO 与无障碍阅读顺序）。
push 6
pull 6
隐藏列
span 为 0 时列被渲染为 display: none，可用于按条件留空的占位列（与 v-if 直接移除相比，保留占位便于条件切换）。
span 0 不可见
span 12
span 12
响应式
xs（<768px）/ sm（≥768px）/ md（≥992px）/ lg（≥1200px）/ xl（≥1920px）接受数字或 { span, offset, push, pull } 对象。注意：当前实现只生成 eb-col-{bp}-* 类名，断点媒体查询样式未内置，需在业务侧补充同名规则，例如：
css
@media (min-width: 992px) {
.eb-col-md-8 { width: 33.33333333%; }
.eb-col-md-8.eb-col-offset-2 { margin-left: 16.66666667%; }
}xs 24 / md 8
xs 24 / md 8
对象写法 span 8
API
Col Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| span | 占据的栅格数（0~24，0 时隐藏） | number | 24 |
| offset | 左侧偏移栅格数 | number | 0 |
| push | 右移栅格数（relative left） | number | 0 |
| pull | 左移栅格数（relative right） | number | 0 |
| xs / sm / md / lg / xl | 响应式配置（数字或 { span, offset, push, pull } 对象），仅生成 eb-col-{bp}-* 类名，断点样式未内置需自行补充 | number | object | — |
| tag | 自定义元素标签 | string | div |
Col Slots
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| default | 列内容 | — | — |