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 with 100% width for
|
15 | // 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 | }
|