mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-17 11:00:56 +02:00
Code Issues Releases Wiki Activity

Move the grid offset, push, and pull classes to be tablets-up instead of desktop-up

Browse Source
This commit is contained in:
Mark Otto
2013-06-02 15:33:42 -07:00
parent 4e4e75d4ac
commit 21441f1292
2 changed files with 51 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
docs/assets/css/bootstrap.css vendored
View File

@@ -883,42 +883,6 @@ pre code {
.col-md-11 { .col-md-11 {
width: 0.9166666666666666; width: 0.9166666666666666;
} }
}
@media (min-width: 992px) {
.col-lg-1 {
width: 8.333333333333332%;
}
.col-lg-2 {
width: 16.666666666666664%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.33333333333333%;
}
.col-lg-5 {
width: 41.66666666666667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.333333333333336%;
}
.col-lg-8 {
width: 66.66666666666666%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.33333333333334%;
}
.col-lg-11 {
width: 91.66666666666666%;
}
.col-offset-1 { .col-offset-1 {
margin-left: 8.333333333333332%; margin-left: 8.333333333333332%;
} }
@@ -1020,6 +984,42 @@ pre code {
} }
} }
@media (min-width: 992px) {
.col-lg-1 {
width: 8.333333333333332%;
}
.col-lg-2 {
width: 16.666666666666664%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.33333333333333%;
}
.col-lg-5 {
width: 41.66666666666667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.333333333333336%;
}
.col-lg-8 {
width: 66.66666666666666%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.33333333333334%;
}
.col-lg-11 {
width: 91.66666666666666%;
}
}
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.container { .container {
max-width: 728px; max-width: 728px;

30
less/grid.less
View File

@@ -75,21 +75,6 @@
.col-md-9 { width: (9 / @grid-columns); } .col-md-9 { width: (9 / @grid-columns); }
.col-md-10 { width: (10/ @grid-columns); } .col-md-10 { width: (10/ @grid-columns); }
.col-md-11 { width: (11/ @grid-columns); } .col-md-11 { width: (11/ @grid-columns); }
}
@media (min-width: @screen-desktop) {
// Large columns (desktop and up)
.col-lg-1 { width: percentage(1 / @grid-columns); }
.col-lg-2 { width: percentage(2 / @grid-columns); }
.col-lg-3 { width: percentage(3 / @grid-columns); }
.col-lg-4 { width: percentage(4 / @grid-columns); }
.col-lg-5 { width: percentage(5 / @grid-columns); }
.col-lg-6 { width: percentage(6 / @grid-columns); }
.col-lg-7 { width: percentage(7 / @grid-columns); }
.col-lg-8 { width: percentage(8 / @grid-columns); }
.col-lg-9 { width: percentage(9 / @grid-columns); }
.col-lg-10 { width: percentage(10/ @grid-columns); }
.col-lg-11 { width: percentage(11/ @grid-columns); }
// Offsets // Offsets
.col-offset-1 { margin-left: percentage(1 / @grid-columns); } .col-offset-1 { margin-left: percentage(1 / @grid-columns); }
@@ -130,6 +115,21 @@
.col-pull-11 { right: percentage(11/ @grid-columns); } .col-pull-11 { right: percentage(11/ @grid-columns); }
} }
@media (min-width: @screen-desktop) {
// Large columns (desktop and up)
.col-lg-1 { width: percentage(1 / @grid-columns); }
.col-lg-2 { width: percentage(2 / @grid-columns); }
.col-lg-3 { width: percentage(3 / @grid-columns); }
.col-lg-4 { width: percentage(4 / @grid-columns); }
.col-lg-5 { width: percentage(5 / @grid-columns); }
.col-lg-6 { width: percentage(6 / @grid-columns); }
.col-lg-7 { width: percentage(7 / @grid-columns); }
.col-lg-8 { width: percentage(8 / @grid-columns); }
.col-lg-9 { width: percentage(9 / @grid-columns); }
.col-lg-10 { width: percentage(10/ @grid-columns); }
.col-lg-11 { width: percentage(11/ @grid-columns); }
}
// Responsive: Tablets and up // Responsive: Tablets and up
@media screen and (min-width: @screen-tablet) { @media screen and (min-width: @screen-tablet) {
.container { .container {