Bootstrap Row Shortcode

Shortcode to generate rows.

Donate

Become a backer or sponsor to support our work.

On this page

Sponsors

Syntax

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

Parameters

cols

PositionNameTypeRequiredDefaultSinceExample
#0colsstring----

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

class

PositionNameTypeRequiredDefaultSinceExample
#1classstring----

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
Col
Col
Col
Col
Col