2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-24 14:04:09 +03:00

Back to two grid classes, .col and .col-lg-*

This commit is contained in:
Mark Otto
2013-04-26 23:59:51 -07:00
parent 8ae9c6ab34
commit efd3b0c171
5 changed files with 240 additions and 235 deletions
+35 -38
View File
@@ -784,107 +784,98 @@ pre code {
margin-left: -15px;
}
[class*="col-span-"],
[class*="col-small-"] {
.col {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
[class*="col-small-"] {
float: left;
}
.col-small-span-12 {
.col-sm-12 {
width: 100%;
}
.col-small-span-11 {
.col-sm-11 {
width: 91.66666666666666%;
}
.col-small-span-10 {
.col-sm-10 {
width: 83.33333333333334%;
}
.col-small-span-9 {
.col-sm-9 {
width: 75%;
}
.col-small-span-8 {
.col-sm-8 {
width: 66.66666666666666%;
}
.col-small-span-7 {
.col-sm-7 {
width: 58.333333333333336%;
}
.col-small-span-6 {
.col-sm-6 {
width: 50%;
}
.col-small-span-5 {
.col-sm-5 {
width: 41.66666666666667%;
}
.col-small-span-4 {
.col-sm-4 {
width: 33.33333333333333%;
}
.col-small-span-3 {
.col-sm-3 {
width: 25%;
}
.col-small-span-2 {
.col-sm-2 {
width: 16.666666666666664%;
}
.col-small-span-1 {
.col-sm-1 {
width: 8.333333333333332%;
}
@media screen and (min-width: 768px) {
.container {
max-width: 728px;
}
[class*="col-span-"] {
float: left;
}
.col-span-12 {
.col-lg-12 {
width: 100%;
}
.col-span-11 {
.col-lg-11 {
width: 91.66666666666666%;
}
.col-span-10 {
.col-lg-10 {
width: 83.33333333333334%;
}
.col-span-9 {
.col-lg-9 {
width: 75%;
}
.col-span-8 {
.col-lg-8 {
width: 66.66666666666666%;
}
.col-span-7 {
.col-lg-7 {
width: 58.333333333333336%;
}
.col-span-6 {
.col-lg-6 {
width: 50%;
}
.col-span-5 {
.col-lg-5 {
width: 41.66666666666667%;
}
.col-span-4 {
.col-lg-4 {
width: 33.33333333333333%;
}
.col-span-3 {
.col-lg-3 {
width: 25%;
}
.col-span-2 {
.col-lg-2 {
width: 16.666666666666664%;
}
.col-span-1 {
.col-lg-1 {
width: 8.333333333333332%;
}
.col-offset-12 {
@@ -997,6 +988,12 @@ pre code {
}
}
@media screen and (min-width: 768px) {
.container {
max-width: 728px;
}
}
@media screen and (min-width: 992px) {
.container {
max-width: 940px;
@@ -1009,9 +1006,9 @@ pre code {
}
}
[class*="col-span-"].pull-right {
/*[class*="col-span-"].pull-right {
float: right;
}
}*/
table {
max-width: 100%;