Five columns in twitter bootsrap 3.o

Here is the code to generate 5 columns to be used with the Twitter Bootstrap framework.

Using SASS mixin:

1
2
3
4
5
6
7
8
9
.col-lg-2-4{
@include make-lg-column(2.4);
}
.col-md-2-4{
@include make-md-column(2.4);
}
.col-sm-2-4{
@include make-sm-column(2.4);
}

And to create .col-*-push-*, pull, and offset

1
2
3
4
5
6
7
8
9
.col-md-push-2-4{
@include make-md-column-push(2.4);
}
.col-md-pull-2-4{
@include make-md-column-pull(2.4);
}
.col-md-offset-2-4{
@include make-md-column-offset(2.4);
}
Share