Columns

Configure multple layouts with Bootstrap column shortcodes.

Bootstrap Columns

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).

Span3 column
(column span="span1")(/column)
Span4 column
(column span="span4")(/column)
Span5 column
(column span="span5")(/column)
Span6 column
(column span="span6")(/column)
Span6 column
(column span="span6")(/column)
Span7 column
(column span="span7")(/column)
Span8 column
(column span="span8")(/column)
Span9 column
(column span="span9")(/column)
Span10 column
(column span="span10")(/column)
Span11 column
(column span="span11")(/column)
Span12 column
(column span="span12")(/column)