mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-08 17:22:31 +03:00
Add small grid for phones and tablets
This commit is contained in:
+10
-2
@@ -12,20 +12,28 @@
|
||||
.row {
|
||||
.make-row();
|
||||
}
|
||||
[class*="col-span-"] {
|
||||
[class*="col-span-"],
|
||||
[class*="col-small-"] {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: (@grid-gutter-width / 2);
|
||||
padding-right: (@grid-gutter-width / 2);
|
||||
}
|
||||
|
||||
[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
|
||||
[class*="col-span-"] { float: left; }
|
||||
[class*="col-span-"] {
|
||||
float: left;
|
||||
}
|
||||
.generate-grid-columns(@grid-columns);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user