Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

ShortCode

[row container="no" id="customid" class="customclass" padding="0"][column width="col-md-2" id="customid" class="customclass"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/column][column width="col-md-2"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/column][column width="col-md-2"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/column][column width="col-md-2"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/column][column width="col-md-2"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/column][column width="col-md-2"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/column] [/row]
Suspendisse egestas quis nunc at blandit. Cras at nulla rutrum, consectetur eros sed, pretium libero.
Suspendisse egestas quis nunc at blandit. Cras at nulla rutrum, consectetur eros sed, pretium libero.
Suspendisse egestas quis nunc at blandit. Cras at nulla rutrum, consectetur eros sed, pretium libero.
Suspendisse egestas quis nunc at blandit. Cras at nulla rutrum, consectetur eros sed, pretium libero.

ShortCode

[row container="no"][column width="col-md-3"]Suspendisse egestas quis nunc at blandit. Cras at nulla rutrum, consectetur eros sed, pretium libero.[/column][column width="col-md-3"]Suspendisse egestas quis nunc at blandit. Cras at nulla rutrum, consectetur eros sed, pretium libero.[/column][column width="col-md-3"]Suspendisse egestas quis nunc at blandit. Cras at nulla rutrum, consectetur eros sed, pretium libero.[/column][column width="col-md-3"]Suspendisse egestas quis nunc at blandit. Cras at nulla rutrum, consectetur eros sed, pretium libero.[/column] [/row]
Cras convallis purus vel augue facilisis, eget condimentum mauris blandit. Nulla ac neque scelerisque, laoreet purus varius, tempus dolor. Mauris adipiscing nunc pretium tristique varius. Proin vehicula dignissim eleifend.
Cras convallis purus vel augue facilisis, eget condimentum mauris blandit. Nulla ac neque scelerisque, laoreet purus varius, tempus dolor. Mauris adipiscing nunc pretium tristique varius. Proin vehicula dignissim eleifend.
Cras convallis purus vel augue facilisis, eget condimentum mauris blandit. Nulla ac neque scelerisque, laoreet purus varius, tempus dolor. Mauris adipiscing nunc pretium tristique varius. Proin vehicula dignissim eleifend.

ShortCode

[row container="no"][column width="col-md-4"]Cras convallis purus vel augue facilisis, eget condimentum mauris blandit. Nulla ac neque scelerisque, laoreet purus varius, tempus dolor. Mauris adipiscing nunc pretium tristique varius. Proin vehicula dignissim eleifend.[/column][column width="col-md-4"]Cras convallis purus vel augue facilisis, eget condimentum mauris blandit. Nulla ac neque scelerisque, laoreet purus varius, tempus dolor. Mauris adipiscing nunc pretium tristique varius. Proin vehicula dignissim eleifend.[/column][column width="col-md-4"]Cras convallis purus vel augue facilisis, eget condimentum mauris blandit. Nulla ac neque scelerisque, laoreet purus varius, tempus dolor. Mauris adipiscing nunc pretium tristique varius. Proin vehicula dignissim eleifend.[/column] [/row]
In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus.
In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus.
In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus. In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus.

ShortCode

[row container="no"][column width="col-md-3"]In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus. [/column][column width="col-md-3"]In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus. [/column][column width="col-md-6"]In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus. In fringilla augue nisl, non dignissim orci sollicitudin sed. Vestibulum et felis metus. Donec tincidunt, quam ut ultrices volutpat, nulla felis venenatis mi, eu placerat dui risus non ipsum. Sed posuere egestas viverra. Maecenas ipsum ipsum, euismod vel leo eu, tristique egestas tellus. [/column] [/row]

Column Options

  • id: add a unique ID to the shortcode.
  • class: add a class or multiple classes to the shortcode.
  • padding: You can add the padding in this format. [0px, 0px, 0px, 0px] = [Top(px), Right(px), Bottom(px), Left(px)].
  • container: yes or no

Column Item Options

  • id: add a unique ID to the shortcode.
  • class: add a class or multiple classes to the shortcode.
  • width: Select any of the column widths. But make sure the total number should be 12. (e.g col-md-4 + col-md-4 + col-md-4 = col-md-12)
    • col-md-1
    • col-md-2
    • col-md-3
    • col-md-4
    • col-md-5
    • col-md-6
    • col-md-7
    • col-md-8
    • col-md-9
    • col-md-10
    • col-md-11
    • col-md-12