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

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index e2f5087b39b74dd4f69b74a0bd011f68396cef5e..4b7227a7d1c55bc2d7de8cbcdc9d66100377ad06 100644 (file)
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ

diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css
index f95e46e16630f63aef2d107ed47159cf0a476a37..a8457dc4558d63f34988228f9449386ad211df51 100644 (file)
--- a/docs/assets/css/bootstrap-responsive.css
+++ b/docs/assets/css/bootstrap-responsive.css
@@ -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;
   }
 }

diff --git a/less/responsive-767px-max.less b/less/responsive-767px-max.less
index 7a3318a8fe1798642b57065cef1ae83007089503..ba34b29a6eca04a7ca588f5dcb8964b8497ccf68 100644 (file)
--- a/less/responsive-767px-max.less
+++ b/less/responsive-767px-max.less
@@ -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;
   }