Rows and Columns

article .row {
margin-bottom: 15px;
}
article .row > div > div {
border: 1px solid #dcdcdc;
padding: 5px 10px;
text-align: center;
background: #f9f9f9;
}

Rows and Columns allows you to divide your content into columns. This option is built-in from Bootstrap framework and of course columns are responsive. Also, you may use the html version as well, which is mentioned under the Typography page.

 

Column 1
Column 2
Column 3
Column 1
Column 2

 

Shortcode:

[official_row]
[official_column size="3"]Column 1 [/official_column]
[official_column size="6"]Column 2 [/official_column]
[official_column size="3"]Column 3 [/official_column]
[/official_row]

[official_row]
[official_column size="6"]Column 1 [/official_column]
[official_column size="6"]Column 2 [/official_column]
[/official_row]

 

Options and Suggestions
  • Make sure that the sum of all columns sizes in a row is always 12