rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

fix #2856: make inputs using .span* classes responsive at <767px layout

Browse Source
This commit is contained in:
Mark Otto 2012-03-31 21:31:01 -07:00
parent 2355fd224d
commit f37d9aeaef
3 changed files with 11 additions and 5 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.

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

@ -148,8 +148,8 @@
.row { .row {
margin-left: 0; margin-left: 0;
} }
.row > [class*="span"], [class*="span"],
.row-fluid > [class*="span"] { .row-fluid [class*="span"] {
float: none; float: none;
display: block; display: block;
width: auto; width: auto;
@ -174,8 +174,11 @@
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.input-prepend input,
.input-append input,
.input-prepend input[class*="span"], .input-prepend input[class*="span"],
.input-append input[class*="span"] { .input-append input[class*="span"] {
display: inline-block;
width: auto; width: auto;
} }
} }

9
less/responsive-767px-max.less
View File

@ -100,9 +100,9 @@
.row { .row {
margin-left: 0; margin-left: 0;
} }
// Make all columns even // Make all grid-sized elements block level again
.row > [class*="span"], [class*="span"],
.row-fluid > [class*="span"] { .row-fluid [class*="span"] {
float: none; float: none;
display: block; display: block;
width: auto; width: auto;
@ -125,8 +125,11 @@
.input-block-level(); .input-block-level();
} }
// But don't let it screw up prepend/append inputs // But don't let it screw up prepend/append inputs
.input-prepend input,
.input-append input,
.input-prepend input[class*="span"], .input-prepend input[class*="span"],
.input-append input[class*="span"] { .input-append input[class*="span"] {
display: inline-block; // redeclare so they don't wrap to new lines
width: auto; width: auto;
} }