Bootstrap 网格行短代码
用于生成网格行的短代码
本页内容
赞助
语法
1{{% bs/row %}}
2COLUMNS
3{{% /bs/row %}}
参数
cols
| 索引 | 名称 | 类型 | 必填 | 默认值 | 版本 |
|---|---|---|---|---|---|
#0 | cols | string | - | - | - |
空格隔开的列设置，以 [size] 和 [breakpoint]:[size] 形式表示，比如 12、12 md:2 lg:3。
class
| 索引 | 名称 | 类型 | 必填 | 默认值 | 版本 |
|---|---|---|---|---|---|
#1 | class | string | - | - | - |
额外的 CSS 类名。
示例
以下例子分别于 small、medium 和 large（及以上）大小的屏幕显示 1、2、3 列每行。
源码
1{{% bs/container class="text-center" %}}
2{{% bs/row "1 md:2 lg:3" "mb-3" %}}
3{{% bs/col class="border py-3" %}}Col{{% /bs/col %}}
4{{% bs/col class="border py-3" %}}Col{{% /bs/col %}}
5{{% bs/col class="border py-3" %}}Col{{% /bs/col %}}
6{{% bs/col class="border py-3" %}}Col{{% /bs/col %}}
7{{% bs/col class="border py-3" %}}Col{{% /bs/col %}}
8{{% bs/col class="border py-3" %}}Col{{% /bs/col %}}
9{{% /bs/row %}}
10{{% /bs/container %}}结果
Col
Col
Col
Col
Col
Col