diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index b991d1242..19c465e44 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -7,6 +7,33 @@ display: block; line-height: 18px; } + input[class*="span"], + select[class*="span"], + textarea[class*="span"], + .uneditable-input { + display: block; + width: 100%; + height: 28px; + /* Make inputs at least the height of their button counterpart */ + + /* Makes inputs behave like true block-level elements */ + + -webkit-box-sizing: border-box; + /* Older Webkit */ + + -moz-box-sizing: border-box; + /* Older FF */ + + -ms-box-sizing: border-box; + /* IE8 */ + + box-sizing: border-box; + /* CSS3 spec*/ + + } + .input-prepend input[class*="span"], .input-append input[class*="span"] { + width: auto; + } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } diff --git a/docs/components.html b/docs/components.html index 499e6b87c..1d5cbc926 100644 --- a/docs/components.html +++ b/docs/components.html @@ -564,7 +564,7 @@
-<div class="tabbable tabs-bottom">
+<div class="tabbable tabs-below">
   <ul class="nav tabs">
     ...
   </ul>
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index d08ea98b5..363ed1ba1 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -499,7 +499,7 @@
         
        
 
-<div class="tabbable tabs-bottom">
+<div class="tabbable tabs-below">
   <ul class="nav tabs">
     ...
   </ul>
diff --git a/less/progress-bars.less b/less/progress-bars.less
index cfca78d68..eeb14eef7 100644
--- a/less/progress-bars.less
+++ b/less/progress-bars.less
@@ -11,6 +11,7 @@
   to    { background-position: 40px 0; }
 }
 
+// Firefox
 @-moz-keyframes progress-bar-stripes {
   from  { background-position: 0 0; }
   to    { background-position: 40px 0; }
diff --git a/less/responsive.less b/less/responsive.less
index 2d49f2095..ef2df5f1d 100644
--- a/less/responsive.less
+++ b/less/responsive.less
@@ -33,6 +33,26 @@
     line-height: @baseLineHeight;
   }
 
+  // Make span* classes full width
+  input[class*="span"],
+  select[class*="span"],
+  textarea[class*="span"],
+  .uneditable-input {
+    display: block;
+    width: 100%;
+    height: 28px; /* Make inputs at least the height of their button counterpart */
+    /* Makes inputs behave like true block-level elements */
+    -webkit-box-sizing: border-box; /* Older Webkit */
+       -moz-box-sizing: border-box; /* Older FF */
+        -ms-box-sizing: border-box; /* IE8 */
+            box-sizing: border-box; /* CSS3 spec*/
+  }
+  // But don't let it screw up prepend/append inputs
+  .input-prepend input[class*="span"],
+  .input-append input[class*="span"] {
+    width: auto;
+  }
+
   // Update checkboxes for iOS
   input[type="checkbox"],
   input[type="radio"] {