Susyboot Grid Examples

Basic columns

.col-xs-3 .col-sm-4 .col-md-5 .col-lg-6
.col-xs-3 .col-sm-4 .col-md-5 .col-lg-6
.col-xs-3 .col-sm-4 .col-md-5 .col-lg-6
.col-xs-3 .col-sm-4 .col-md-5 .col-lg-6

Offset

.col-md-4
.col-md-4 .col-md-offset-4
.col-md-3 .col-md-offset-3
.col-md-3 .col-md-offset-3
.col-md-6 .col-md-offset-3

Offset override

.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-xs-offset-3 .col-sm-4 .col-sm-offset-0

Nesting columns

Level 1: .col-sm-9
Level 2: .col-xs-8 .col-sm-6
Level 3: .col-xs-8 .col-sm-6
Level 3: .col-xs-4 .col-sm-6

Column ordering

.col-md-9 .col-md-push-3
.col-md-3 .col-md-pull-9

Fluid container

.col-xs-3 .col-sm-4 .col-md-5 .col-lg-6
.col-xs-3 .col-sm-4 .col-md-5 .col-lg-6
.col-xs-3 .col-sm-4 .col-md-5 .col-lg-6
.col-xs-3 .col-sm-4 .col-md-5 .col-lg-6