Bootstrap Row Shortcode
On this page
Please check out the tutorial to
start using Hugo modules.
Rows are used to wrap columns.
Usage
1{{% bs/row %}}
2COLUMNS
3{{% /bs/row %}}
Parameters
cols
| Position | Name | Type | Default | Required |
|---|---|---|---|---|
#0 | cols | string | - | - |
The columns settings, multiple columns separated by a space.
cols options
[size], [breakpoint]:[size]
class
| Position | Name | Type | Default | Required |
|---|---|---|---|---|
#1 | class | string | - | - |
Used to add extra CSS classes.
Examples
The following example shows 1, 2, 3 columns per row on small, medium, and large (or above) screen respectively.
Col
Col
Col
Col
Col
Col
1{{% bs/row "1 md:2 lg:3" %}}
2COLUMNS
3{{% /bs/row %}}