|
0
|
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 width: 100%;
|
|
|
20 @include make-container();
|
|
|
21 }
|
|
|
22 }
|
|
|
23
|
|
|
24 // Row
|
|
|
25 //
|
|
|
26 // Rows contain and clear the floats of your columns.
|
|
|
27
|
|
|
28 @if $enable-grid-classes {
|
|
|
29 .row {
|
|
|
30 @include make-row();
|
|
|
31 }
|
|
|
32
|
|
|
33 // Remove the negative margin from default .row, then the horizontal padding
|
|
|
34 // from all immediate children columns (to prevent runaway style inheritance).
|
|
|
35 .no-gutters {
|
|
|
36 margin-right: 0;
|
|
|
37 margin-left: 0;
|
|
|
38
|
|
|
39 > .col,
|
|
|
40 > [class*="col-"] {
|
|
|
41 padding-right: 0;
|
|
|
42 padding-left: 0;
|
|
|
43 }
|
|
|
44 }
|
|
|
45 }
|
|
|
46
|
|
|
47 // Columns
|
|
|
48 //
|
|
|
49 // Common styles for small and large grid columns
|
|
|
50
|
|
|
51 @if $enable-grid-classes {
|
|
|
52 @include make-grid-columns();
|
|
|
53 }
|
