rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00
Code Issues Actions Packages Releases Activity

Separate span12 and container classes

Browse Source 
If you have less than 12 columns, container is too wide. Instead
generate container width using the @gridColumns variable.

Also remove duplicate container width property.
This commit is contained in:
Jacob Rask 2012-02-19 21:49:17 +01:00
parent ac6e667ad9
commit 82457603b6
4 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/assets/bootstrap.zip
View File

Binary file not shown.

10
docs/assets/css/bootstrap-responsive.css vendored
View File

@ -161,7 +161,10 @@
.span11 { .span11 {
width: 662px; width: 662px;
} }
.span12, .container { .span12 {
width: 724px;
}
.container {
width: 724px; width: 724px;
} }
.offset1 { .offset1 {
@ -447,7 +450,10 @@
.span11 { .span11 {
width: 1070px; width: 1070px;
} }
.span12, .container { .span12 {
width: 1170px;
}
.container {
width: 1170px; width: 1170px;
} }
.offset1 { .offset1 {

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

@ -168,7 +168,10 @@ a:hover {
.span11 { .span11 {
width: 860px; width: 860px;
} }
.span12, .container { .span12 {
width: 940px;
}
.container {
width: 940px; width: 940px;
} }
.offset1 { .offset1 {
@ -259,7 +262,6 @@ a:hover {
width: 99.99999998999999%; width: 99.99999998999999%;
} }
.container { .container {
width: 940px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
*zoom: 1; *zoom: 1;

5
less/mixins.less
View File

@ -142,7 +142,6 @@
// Site container // Site container
// ------------------------- // -------------------------
.container-fixed() { .container-fixed() {
width: @gridRowWidth;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
.clearfix(); .clearfix();
@ -185,8 +184,8 @@
.span9 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 9); } .span9 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 9); }
.span10 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 10); } .span10 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 10); }
.span11 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 11); } .span11 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 11); }
.span12, .span12 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 12); }
.container { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 12); } .container { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, @gridColumns); }
// Offset column options // Offset column options
.offset1 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 1); } .offset1 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 1); }
.offset2 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 2); } .offset2 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 2); }