pluto3/assets/less/theme/bootstrap-extend/grid.less
2017-09-19 16:23:41 +08:00

44 lines
1.1 KiB
Plaintext

//
// Grid system
// --------------------------------------------------
// Set the container width, and override it for fixed navbars in media queries
.container {
@media (min-width: @screen-xl-min) {
width: @container-xl;
}
@media (min-width: @screen-xxl-min) {
width: @container-xxl;
}
@media (min-width: @screen-xxxl-min) {
width: @container-xxxl;
}
}
@media (min-width: @screen-xl-min) {
.make-grid-columns-float(xl);
.make-grid(@grid-columns, xl, width);
.make-grid(@grid-columns, xl, pull);
.make-grid(@grid-columns, xl, push);
.make-grid(@grid-columns, xl, offset);
}
@media (min-width: @screen-xxl-min) {
.make-grid-columns-float(xxl);
.make-grid(@grid-columns, xxl, width);
.make-grid(@grid-columns, xxl, pull);
.make-grid(@grid-columns, xxl, push);
.make-grid(@grid-columns, xxl, offset);
}
@media (min-width: @screen-xxxl-min) {
.make-grid-columns-float(xxxl);
.make-grid(@grid-columns, xxxl, width);
.make-grid(@grid-columns, xxxl, pull);
.make-grid(@grid-columns, xxxl, push);
.make-grid(@grid-columns, xxxl, offset);
}