root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fixes #8066: add missing % functions to grid less code

This commit is contained in:
Mark Otto 2013-06-03 11:58:38 -07:00
parent e5bdb2497e
commit a05f6d4cea
2 changed files with 44 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -806,82 +806,82 @@ pre code {
} }
.col-1 { .col-1 {
width: 0.08333333333333333; width: 8.333333333333332%;
} }
.col-2 { .col-2 {
width: 0.16666666666666666; width: 16.666666666666664%;
} }
.col-3 { .col-3 {
width: 0.25; width: 25%;
} }
.col-4 { .col-4 {
width: 0.3333333333333333; width: 33.33333333333333%;
} }
.col-5 { .col-5 {
width: 0.4166666666666667; width: 41.66666666666667%;
} }
.col-6 { .col-6 {
width: 0.5; width: 50%;
} }
.col-7 { .col-7 {
width: 0.5833333333333334; width: 58.333333333333336%;
} }
.col-8 { .col-8 {
width: 0.6666666666666666; width: 66.66666666666666%;
} }
.col-9 { .col-9 {
width: 0.75; width: 75%;
} }
.col-10 { .col-10 {
width: 0.8333333333333334; width: 83.33333333333334%;
} }
.col-11 { .col-11 {
width: 0.9166666666666666; width: 91.66666666666666%;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.col-md-1 { .col-md-1 {
width: 0.08333333333333333; width: 8.333333333333332%;
} }
.col-md-2 { .col-md-2 {
width: 0.16666666666666666; width: 16.666666666666664%;
} }
.col-md-3 { .col-md-3 {
width: 0.25; width: 25%;
} }
.col-md-4 { .col-md-4 {
width: 0.3333333333333333; width: 33.33333333333333%;
} }
.col-md-5 { .col-md-5 {
width: 0.4166666666666667; width: 41.66666666666667%;
} }
.col-md-6 { .col-md-6 {
width: 0.5; width: 50%;
} }
.col-md-7 { .col-md-7 {
width: 0.5833333333333334; width: 58.333333333333336%;
} }
.col-md-8 { .col-md-8 {
width: 0.6666666666666666; width: 66.66666666666666%;
} }
.col-md-9 { .col-md-9 {
width: 0.75; width: 75%;
} }
.col-md-10 { .col-md-10 {
width: 0.8333333333333334; width: 83.33333333333334%;
} }
.col-md-11 { .col-md-11 {
width: 0.9166666666666666; width: 91.66666666666666%;
} }
.col-offset-1 { .col-offset-1 {
margin-left: 8.333333333333332%; margin-left: 8.333333333333332%;

44
less/grid.less
View File

@ -50,31 +50,31 @@
// Grid column sizing // Grid column sizing
// Small columns (phones and up) // Small columns (phones and up)
.col-1 { width: (1 / @grid-columns); } .col-1 { width: percentage(1 / @grid-columns); }
.col-2 { width: (2 / @grid-columns); } .col-2 { width: percentage(2 / @grid-columns); }
.col-3 { width: (3 / @grid-columns); } .col-3 { width: percentage(3 / @grid-columns); }
.col-4 { width: (4 / @grid-columns); } .col-4 { width: percentage(4 / @grid-columns); }
.col-5 { width: (5 / @grid-columns); } .col-5 { width: percentage(5 / @grid-columns); }
.col-6 { width: (6 / @grid-columns); } .col-6 { width: percentage(6 / @grid-columns); }
.col-7 { width: (7 / @grid-columns); } .col-7 { width: percentage(7 / @grid-columns); }
.col-8 { width: (8 / @grid-columns); } .col-8 { width: percentage(8 / @grid-columns); }
.col-9 { width: (9 / @grid-columns); } .col-9 { width: percentage(9 / @grid-columns); }
.col-10 { width: (10/ @grid-columns); } .col-10 { width: percentage(10/ @grid-columns); }
.col-11 { width: (11/ @grid-columns); } .col-11 { width: percentage(11/ @grid-columns); }
// Medium columns (tablets and up) // Medium columns (tablets and up)
@media (min-width: @screen-tablet) { @media (min-width: @screen-tablet) {
.col-md-1 { width: (1 / @grid-columns); } .col-md-1 { width: percentage(1 / @grid-columns); }
.col-md-2 { width: (2 / @grid-columns); } .col-md-2 { width: percentage(2 / @grid-columns); }
.col-md-3 { width: (3 / @grid-columns); } .col-md-3 { width: percentage(3 / @grid-columns); }
.col-md-4 { width: (4 / @grid-columns); } .col-md-4 { width: percentage(4 / @grid-columns); }
.col-md-5 { width: (5 / @grid-columns); } .col-md-5 { width: percentage(5 / @grid-columns); }
.col-md-6 { width: (6 / @grid-columns); } .col-md-6 { width: percentage(6 / @grid-columns); }
.col-md-7 { width: (7 / @grid-columns); } .col-md-7 { width: percentage(7 / @grid-columns); }
.col-md-8 { width: (8 / @grid-columns); } .col-md-8 { width: percentage(8 / @grid-columns); }
.col-md-9 { width: (9 / @grid-columns); } .col-md-9 { width: percentage(9 / @grid-columns); }
.col-md-10 { width: (10/ @grid-columns); } .col-md-10 { width: percentage(10/ @grid-columns); }
.col-md-11 { width: (11/ @grid-columns); } .col-md-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); }