// 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(); }