用於生成網格行的短代碼
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 %}}