The ArkAdmin Theme uses the latest Bootstrap grid system which makes your application look good on any screen resolution.

Responsive Grid

Using the .col-md-* classes for normal screens and .col-xs-* for small screens.

.col-md-12.col-xs-12
.col-md-10.col-xs-8
.col-md-2.col-xs-4
.col-md-8.col-xs-6
.col-md-4.col-xs-6
.col-md-6.col-xs-6
.col-md-6.col-xs-6
.col-md-4.col-xs-12
.col-md-4.col-xs-6
.col-md-4.col-xs-6
.col-md-3.col-xs-6
.col-md-3.col-xs-6
.col-md-3.col-xs-6
.col-md-3.col-xs-6
.col-md-2.col-xs-3
.col-md-2.col-xs-3
.col-md-2.col-xs-3
.col-md-2.col-xs-3
.col-md-2.col-xs-6
.col-md-2.col-xs-6

Offsetting columns

Move columns to the right using .col-md-offset-* classes. These classes increase the left margin of a column by * columns. For example, .col-md-offset-4 moves .col-md-4 over four columns.

.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

Change Order

Easily change the order of our built-in grid columns with .col-md-push-* and .col-md-pull-* modifier classes.

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