1 //

     2 // Grid system

     3 // --------------------------------------------------

     4 

     5 

     6 // Container widths

     7 //

     8 // Set the container width, and override it for fixed navbars in media queries.

     9 

    10 .container {

    11   .container-fixed();

    12 

    13   @media (min-width: @screen-sm-min) {

    14     width: @container-sm;

    15   }

    16   @media (min-width: @screen-md-min) {

    17     width: @container-md;

    18   }

    19   @media (min-width: @screen-lg-min) {

    20     width: @container-lg;

    21   }

    22 }

    23 

    24 

    25 // Fluid container

    26 //

    27 // Utilizes the mixin meant for fixed width containers, but without any defined

    28 // width for fluid, full width layouts.

    29 

    30 .container-fluid {

    31   .container-fixed();

    32 }

    33 

    34 

    35 // Row

    36 //

    37 // Rows contain and clear the floats of your columns.

    38 

    39 .row {

    40   .make-row();

    41 }

    42 

    43 

    44 // Columns

    45 //

    46 // Common styles for small and large grid columns

    47 

    48 .make-grid-columns();

    49 

    50 

    51 // Extra small grid

    52 //

    53 // Columns, offsets, pushes, and pulls for extra small devices like

    54 // smartphones.

    55 

    56 .make-grid(xs);

    57 

    58 

    59 // Small grid

    60 //

    61 // Columns, offsets, pushes, and pulls for the small device range, from phones

    62 // to tablets.

    63 

    64 @media (min-width: @screen-sm-min) {

    65   .make-grid(sm);

    66 }

    67 

    68 

    69 // Medium grid

    70 //

    71 // Columns, offsets, pushes, and pulls for the desktop device range.

    72 

    73 @media (min-width: @screen-md-min) {

    74   .make-grid(md);

    75 }

    76 

    77 

    78 // Large grid

    79 //

    80 // Columns, offsets, pushes, and pulls for the large desktop device range.

    81 

    82 @media (min-width: @screen-lg-min) {

    83   .make-grid(lg);

    84 }