Bootstrap 網格行短代碼

用於生成網格行的短代碼

語法

1{{% bs/row %}}
2COLUMNS
3{{% /bs/row %}}

參數

cols

索引名稱類型必填默認值版本
#0colsstring---

空格隔開的列設置,以 [size][breakpoint]:[size] 形式表示,比如 1212 md:2 lg:3

class

索引名稱類型必填默認值版本
#1classstring---

額外的 CSS 類名。

示例

以下例子分別於 smallmediumlarge(及以上)大小的屏幕顯示 123 列每行。

源碼
 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