Columns and Rows Shortcodes

Using the Bootstrap’s Grid System you can crate your own rows and columns using this shortcodes:

Row Shortcode:
[decoElite_row class="rowextraclass"]Your content here[/decoElite_row]
Outputs this div: <div class="row rowextraclass">Your content here</div>

Subrow Shortcode:
[decoElite_subrow class="subrowextraclass"]Your content here[/decoElite_subrow]
Outputs this div: <div class="row subrowextraclass">Your content here</div>

Column Shortcode:
[decoElite_column size="12" md="12" sm="12" xs="12" extra_class="extraclass"]Your content here[/decoElite_column]
Outputs this div: <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 extraclass">Your content here</div>

Subcolumn Shortcode:
[decoElite_subcolumn size="8" md="8" sm="8" xs="8" extra_class="extraclass"]Your content here[/decoElite_subcolumn]
Outputs this div: <div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 ">Your content here</div>

 

Columns are to be used inside rows like so:
[decoElite_row class="rowextraclass"]
 [decoElite_column size="8" md="8" sm="8" xs="8" extra_class="extraclass"]Your content here[/decoElite_column]
 [decoElite_column size="4" md="4" sm="4" xs="4" extra_class="extraclass"]Your content here[/decoElite_column]
[/decoElite_row]

Subcolumns are to be used inside columns like so:
[decoElite_column size="12" md="12" sm="12" xs="12" extra_class="extraclass"]
 [decoElite_subcolumn size="8" md="8" sm="8" xs="8" extra_class="extraclass"]Your content here[/decoElite_subcolumn]
 [decoElite_subcolumn size="4" md="4" sm="4" xs="4" extra_class="extraclass"]Your content here[/decoElite_subcolumn]
[/decoElite_column]

This shortcodes are to be used by advanced users only that know how the Bootstrap grid works.