Columns

[columnContainer border=”yes”] [column span=”span12″] [panelHeader icon=”icon-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).

[/column] [/columnContainer] [columnContainer border=”yes”] [column span=”span3″]
Span3 column
(column span="span1")(/column)
[/column] [column span=”span4″]
Span4 column
(column span="span4")(/column)
[/column] [column span=”span5″]
Span5 column
(column span="span5")(/column)
[/column] [/columnContainer] [columnContainer border=”yes”] [column span=”span6″]
Span6 column
(column span="span6")(/column)
[/column] [column span=”span6″]
Span6 column
(column span="span6")(/column)
[/column] [/columnContainer] [columnContainer border=”yes”] [column span=”span7″]
Span7 column
(column span="span7")(/column)
[/column] [/columnContainer] [columnContainer border=”yes”] [column span=”span8″]
Span8 column
(column span="span8")(/column)
[/column] [/columnContainer] [columnContainer border=”yes”] [column span=”span9″]
Span9 column
(column span="span9")(/column)
[/column] [/columnContainer] [columnContainer border=”yes”] [column span=”span10″]
Span10 column
(column span="span10")(/column)
[/column] [/columnContainer] [columnContainer border=”yes”] [column span=”span11″]
Span11 column
(column span="span11")(/column)
[/column] [/columnContainer] [columnContainer] [column span=”span12″]
Span12 column
(column span="span12")(/column)
[/column] [/columnContainer]