twbs--bootstrap/less/grid.less

58 lines
1.1 KiB
Plaintext
Raw Normal View History

2012-06-29 04:46:45 +00:00
//
// Grid system
// --------------------------------------------------
// Set the container width, and override it for fixed navbars in media queries
.container {
.container-fixed();
}
// Mobile-first defaults
.row {
.make-row();
}
2013-04-03 02:40:43 +00:00
[class*="col-span-"],
[class*="col-small-"] {
position: relative;
min-height: 1px;
padding-left: (@grid-gutter-width / 2);
padding-right: (@grid-gutter-width / 2);
}
2013-04-03 02:40:43 +00:00
[class*="col-small-"] {
float: left;
}
.generate-small-grid-columns(@grid-columns);
// Responsive: Tablets and up
@media screen and (min-width: 768px) {
.container {
max-width: 728px;
}
// Generate the grid columns and offsets
2013-04-03 02:40:43 +00:00
[class*="col-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
2013-03-27 00:12:17 +00:00
[class*="col-span-"].pull-right {
float: right;
}