aboutsummaryrefslogtreecommitdiff
path: root/less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-03-11 14:41:52 -0700
committerMark Otto <[email protected]>2012-03-11 14:41:52 -0700
commita97b9c112238d3f146276a97998ed5c2bb1bc1bc (patch)
tree5bce0bc1714cd3be11f1be0ad9bad6ade702327e /less
parentbf6cdff88a273b912567e37eb6b4809c65efd18e (diff)
downloadbootstrap-a97b9c112238d3f146276a97998ed5c2bb1bc1bc.tar.xz
bootstrap-a97b9c112238d3f146276a97998ed5c2bb1bc1bc.zip
in responsive layouts <767px, ensure inputs are not larger than 100% with box-sizing and a max-width
Diffstat (limited to 'less')
-rw-r--r--less/mixins.less1
-rw-r--r--less/responsive.less11
2 files changed, 12 insertions, 0 deletions
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%;
+ }
}