src/scss/bootstrap-4.0.0-alpha.6/scss/_grid.scss

   1 // Container widths
   2 //
   3 // Set the container width, and override it for fixed navbars in media queries.
   4
   5 @if $enable-grid-classes {
   6   .container {
   7     @include make-container();
   8     @include make-container-max-widths();
   9   }
  10 }
  11
  12 // Fluid container
  13 //
  14 // Utilizes the mixin meant for fixed width containers, but without any defined
  15 // width for fluid, full width layouts.
  16
  17 @if $enable-grid-classes {
  18   .container-fluid {
  19     @include make-container();
  20   }
  21 }
  22
  23 // Row
  24 //
  25 // Rows contain and clear the floats of your columns.
  26
  27 @if $enable-grid-classes {
  28   .row {
  29     @include make-row();
  30   }
  31
  32   // Remove the negative margin from default .row, then the horizontal padding
  33   // from all immediate children columns (to prevent runaway style inheritance).
  34   .no-gutters {
  35     margin-right: 0;
  36     margin-left: 0;
  37
  38     > .col,
  39     > [class*="col-"] {
  40       padding-right: 0;
  41       padding-left: 0;
  42     }
  43   }
  44 }
  45
  46 // Columns
  47 //
  48 // Common styles for small and large grid columns
  49
  50 @if $enable-grid-classes {
  51   @include make-grid-columns();
  52 }