3 // --------------------------------------------------
5 // Set the container width, and override it for fixed navbars in media queries
10 // mobile first defaults
15 // Common styles for small and large grid columns
21 // Grid classes for extra small devices like smartphones. No offset, push, or
22 // pull classes are present here due to the size of the target.
24 // Note that `.col-xs-12` doesn't get floated on purpose--there's no need since
27 .make-grid-columns-float(xs);
28 .make-grid(@grid-columns, xs, width);
29 .make-grid(@grid-columns, xs, pull);
30 .make-grid(@grid-columns, xs, push);
31 .make-grid(@grid-columns, xs, offset);
36 // Columns, offsets, pushes, and pulls for the small device range, from phones
39 // Note that `.col-sm-12` doesn't get floated on purpose--there's no need since
42 @media (min-width: @screen-sm-min) {
47 .make-grid-columns-float(sm);
48 .make-grid(@grid-columns, sm, width);
49 .make-grid(@grid-columns, sm, pull);
50 .make-grid(@grid-columns, sm, push);
51 .make-grid(@grid-columns, sm, offset);
57 // Columns, offsets, pushes, and pulls for the desktop device range.
59 // Note that `.col-md-12` doesn't get floated on purpose--there's no need since
62 @media (min-width: @screen-md-min) {
67 .make-grid-columns-float(md);
68 .make-grid(@grid-columns, md, width);
69 .make-grid(@grid-columns, md, pull);
70 .make-grid(@grid-columns, md, push);
71 .make-grid(@grid-columns, md, offset);
77 // Columns, offsets, pushes, and pulls for the large desktop device range.
79 // Note that `.col-lg-12` doesn't get floated on purpose--there's no need since
82 @media (min-width: @screen-lg-min) {
87 .make-grid-columns-float(lg);
88 .make-grid(@grid-columns, lg, width);
89 .make-grid(@grid-columns, lg, pull);
90 .make-grid(@grid-columns, lg, push);
91 .make-grid(@grid-columns, lg, offset);