mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01:00
66 lines
1.2 KiB
SCSS
66 lines
1.2 KiB
SCSS
// 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 {
|
|
width: 100%;
|
|
@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;
|
|
}
|
|
}
|
|
|
|
// Optionally tighten the gutters between columns
|
|
.gutters-sm {
|
|
margin-right: -5px;
|
|
margin-left: -5px;
|
|
|
|
> .col,
|
|
> [class*="col-"] {
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Columns
|
|
//
|
|
// Common styles for small and large grid columns
|
|
|
|
@if $enable-grid-classes {
|
|
@include make-grid-columns();
|
|
}
|