3 // --------------------------------------------------
8 // Set the container width, and override it for fixed navbars in media queries.
13 @media (min-width: @screen-sm-min) {
16 @media (min-width: @screen-md-min) {
19 @media (min-width: @screen-lg-min) {
27 // Utilizes the mixin meant for fixed width containers, but without any defined
28 // width for fluid, full width layouts.
37 // Rows contain and clear the floats of your columns.
46 // Common styles for small and large grid columns
53 // Columns, offsets, pushes, and pulls for extra small devices like
56 .make-grid-columns-float(xs);
57 .make-grid(@grid-columns, xs, width);
58 .make-grid(@grid-columns, xs, pull);
59 .make-grid(@grid-columns, xs, push);
60 .make-grid(@grid-columns, xs, offset);
65 // Columns, offsets, pushes, and pulls for the small device range, from phones
68 @media (min-width: @screen-sm-min) {
69 .make-grid-columns-float(sm);
70 .make-grid(@grid-columns, sm, width);
71 .make-grid(@grid-columns, sm, pull);
72 .make-grid(@grid-columns, sm, push);
73 .make-grid(@grid-columns, sm, offset);
79 // Columns, offsets, pushes, and pulls for the desktop device range.
81 @media (min-width: @screen-md-min) {
82 .make-grid-columns-float(md);
83 .make-grid(@grid-columns, md, width);
84 .make-grid(@grid-columns, md, pull);
85 .make-grid(@grid-columns, md, push);
86 .make-grid(@grid-columns, md, offset);
92 // Columns, offsets, pushes, and pulls for the large desktop device range.
94 @media (min-width: @screen-lg-min) {
95 .make-grid-columns-float(lg);
96 .make-grid(@grid-columns, lg, width);
97 .make-grid(@grid-columns, lg, pull);
98 .make-grid(@grid-columns, lg, push);
99 .make-grid(@grid-columns, lg, offset);