diff options
| author | Mark Otto <[email protected]> | 2012-03-11 14:41:52 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-03-11 14:41:52 -0700 |
| commit | a97b9c112238d3f146276a97998ed5c2bb1bc1bc (patch) | |
| tree | 5bce0bc1714cd3be11f1be0ad9bad6ade702327e | |
| parent | bf6cdff88a273b912567e37eb6b4809c65efd18e (diff) | |
| download | bootstrap-a97b9c112238d3f146276a97998ed5c2bb1bc1bc.tar.xz bootstrap-a97b9c112238d3f146276a97998ed5c2bb1bc1bc.zip | |
in responsive layouts <767px, ensure inputs are not larger than 100% with box-sizing and a max-width
| -rw-r--r-- | docs/assets/bootstrap.zip | bin | 55089 -> 55139 bytes | |||
| -rw-r--r-- | docs/assets/css/bootstrap-responsive.css | 10 | ||||
| -rw-r--r-- | docs/assets/css/bootstrap.css | 1 | ||||
| -rw-r--r-- | less/mixins.less | 1 | ||||
| -rw-r--r-- | less/responsive.less | 11 |
5 files changed, 23 insertions, 0 deletions
diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip Binary files differindex 84215f726..4a66cd1bb 100644 --- a/docs/assets/bootstrap.zip +++ b/docs/assets/bootstrap.zip diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index 47d25b0e8..f1ab51a21 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -168,6 +168,16 @@ width: auto; margin: 0; } + input, + textarea, + select, + .uneditable-input { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + max-width: 100%; + } } @media (min-width: 768px) and (max-width: 979px) { .row { diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index dbab90407..2fd7cc135 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3678,6 +3678,7 @@ a.thumbnail:hover { box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; diff --git a/less/mixins.less b/less/mixins.less index 5ff58a5c9..e142f1a63 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -252,6 +252,7 @@ .box-sizing(@boxmodel) { -webkit-box-sizing: @boxmodel; -moz-box-sizing: @boxmodel; + -ms-box-sizing: @boxmodel; box-sizing: @boxmodel; } diff --git a/less/responsive.less b/less/responsive.less index f321891e8..0003cd6d0 100644 --- a/less/responsive.less +++ b/less/responsive.less @@ -188,6 +188,17 @@ width: auto; margin: 0; } + + // FORM FIELDS + // ----------- + // Make them behave like divs + input, + textarea, + select, + .uneditable-input { + .box-sizing(border-box); + max-width: 100%; + } } |