docs/theme/_sass/objects/_grid.scss
//
// Grid (objects/_grid.scss)
//
// ----- Container widths -----
.container {
@include container-fixed;
@media (min-width: $screen-sm-min) {
width: $container-sm;
}
@media (min-width: $screen-md-min) {
width: $container-md;
}
@media (min-width: $screen-lg-min) {
width: $container-lg;
}
}
// ----- Fluid container -----
.container-fluid {
@include container-fixed;
}
// ----- Row -----
.row {
@include make-row;
}
// ----- Columns -----
@include make-grid-columns;
// ----- Extra small grid -----
@include make-grid(xs);
// ----- Small grid -----
@media (min-width: $screen-sm-min) {
@include make-grid(sm);
}
// ----- Medium grid -----
@media (min-width: $screen-md-min) {
@include make-grid(md);
}
// ----- Large grid -----
@media (min-width: $screen-lg-min) {
@include make-grid(lg);
}