Bootstrap Column

By default the bootstrap grid split a row to twelve columns with. Each column can have difference size each screen.

Syntax

[dexp_col class="" xs="12" sm="6" md="6" lg="4"]Column content[/dexp_col]

<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">Column content</div>

class: Custom class for column

xs: Column size on small screen such as smartphone (width <= 677px). Possible value is 1 to 12.

sm: Column size on small medium screen such as tablet (678px <= width <= 991px). Possible value is 1 to 12.

md: Column size on small desktop screen ( 992px <= width <= 1119px). Possible value is 1 to 12.

lg: Column size on lager screen ( width >= 1200px). Possible value is 1 to 12. Possible value is 1 to 12.

xs_offset, sm_offset, md_offset, lg_offset with possible value is 1 to 12.

For more info about offset setting, read this http://getbootstrap.com/css/#grid