[columnContainer border=”yes”]

[panelHeader icon=”fa fa-align-right” link=”” tip=”test”]Bootstrap Columns[/panelHeader]

This page displays Bootstrap Column layout examples. For demonstration purposes all shortcodes are being displayed in round brackets. To execute any of these shortcodes you must replace the round brackets with square brackets. These column shortcodes also accept an alignment parameter which allows a column to display its content to the left, centered or to the right (see examples below).

[/columnContainer] [columnContainer border=”yes”]

Span3 column
(column span="span1")(/column)

Span4 column
(column span="span4")(/column)

Span5 column
(column span="span5")(/column)

[/columnContainer] [columnContainer border=”yes”]

Span6 column
(column span="span6")(/column)

Span6 column
(column span="span6")(/column)

[/columnContainer] [columnContainer border=”yes”]

Span7 column
(column span="span7")(/column)

[/columnContainer] [columnContainer border=”yes”]

Span8 column
(column span="span8")(/column)

[/columnContainer] [columnContainer border=”yes”]

Span9 column
(column span="span9")(/column)

[/columnContainer] [columnContainer border=”yes”]

Span10 column
(column span="span10")(/column)

[/columnContainer] [columnContainer border=”yes”]

Span11 column
(column span="span11")(/column)

[/columnContainer] [columnContainer]

Span12 column
(column span="span12")(/column)

[/columnContainer]