| // Container widths |
| // |
| // Set the container width, and override it for fixed navbars in media queries. |
| |
| @if $enable-grid-classes { |
| .container { |
| @include make-container(); |
| @include make-container-max-widths(); |
| } |
| } |
| |
| // Fluid container |
| // |
| // Utilizes the mixin meant for fixed width containers, but with 100% width for |
| // fluid, full width layouts. |
| |
| @if $enable-grid-classes { |
| .container-fluid { |
| @include make-container(); |
| } |
| } |
| |
| // Row |
| // |
| // Rows contain and clear the floats of your columns. |
| |
| @if $enable-grid-classes { |
| .row { |
| @include make-row(); |
| } |
| |
| // Remove the negative margin from default .row, then the horizontal padding |
| // from all immediate children columns (to prevent runaway style inheritance). |
| .no-gutters { |
| margin-right: 0; |
| margin-left: 0; |
| |
| > .col, |
| > [class*="col-"] { |
| padding-right: 0; |
| padding-left: 0; |
| } |
| } |
| } |
| |
| // Columns |
| // |
| // Common styles for small and large grid columns |
| |
| @if $enable-grid-classes { |
| @include make-grid-columns(); |
| } |