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

}