Bootstrap Row Shortcode

June 29, 2023 1 min read Shortcode Docs Row

Shortcode to generate rows.

Donate

Become a backer or sponsor to support our work.

On this page

Syntax

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

Parameters

`cols`

Position	Name	Type	Required	Default	Since	Example
`#0`	`cols`	`string`	-	-	-	-

The space-separated columns settings, in [size] and [breakpoint]:[size] forms, such as 12, 12 md:2 lg:3.

`class`

Position	Name	Type	Required	Default	Since	Example
`#1`	`class`	`string`	-	-	-	-

Extra CSS classes.

Example

The following example shows 1, 2, 3 columns per row on small, medium, and large (or above) sized screen respectively.

Source

 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 %}}

Result

Col

Container

Col

Browse Docs