bootstrap/less/grid.less
Mark Otto bb38fa5286 Overhaul the grid system and its docs
* 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
2013-03-15 23:21:10 -07:00

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;
}