mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-17 09:52:29 +01:00
bb38fa5286
* Add new grid mixins adapted from Preboot (http://github.com/mdo/preboot) * Drop the @grid-row-width and @grid-column-width variables * Add the @grid-float-breakpoint variable, as used in Preboot * Add support for .push* and .pull* classes for column ordering manipulation * Document all the things
50 lines
947 B
Plaintext
50 lines
947 B
Plaintext
//
|
|
// Grid system
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Set the container width, and override it for fixed navbars in media queries
|
|
.container {
|
|
.container-fixed();
|
|
}
|
|
|
|
// Mobile-first defaults
|
|
.row {
|
|
.make-row();
|
|
}
|
|
[class^="span"] {
|
|
position: relative;
|
|
min-height: 1px;
|
|
padding-left: (@grid-gutter-width / 2);
|
|
padding-right: (@grid-gutter-width / 2);
|
|
}
|
|
|
|
// Responsive: Tablets and up
|
|
@media screen and (min-width: 768px) {
|
|
.container {
|
|
max-width: 728px;
|
|
}
|
|
// Generate the grid columns and offsets
|
|
[class^="span"] { float: left; }
|
|
.generate-grid-columns(@grid-columns);
|
|
}
|
|
|
|
// Responsive: Desktops and up
|
|
@media screen and (min-width: 992px) {
|
|
.container {
|
|
max-width: 940px;
|
|
}
|
|
}
|
|
|
|
// Responsive: Large desktops and up
|
|
@media screen and (min-width: 1200px) {
|
|
.container {
|
|
max-width: 1170px;
|
|
}
|
|
}
|
|
|
|
// Reset utility classes due to specificity
|
|
[class*="span"].pull-right {
|
|
float: right;
|
|
}
|