kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

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

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

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

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