add block level input mixin for border-box box-sizing

2 files changed, 26 insertions, 8 deletions

diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css
index 14df20d4a..30eb71c18 100644
--- a/docs/assets/css/bootstrap-responsive.css
+++ b/docs/assets/css/bootstrap-responsive.css
@@ -23,6 +23,19 @@
   text-indent: 100%;
   white-space: nowrap;
 }
+.input-block-level {
+  display: block;
+  width: 100%;
+  min-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;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .hidden {
   display: none;
   visibility: hidden;
@@ -160,17 +173,9 @@
     /* 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"] {
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 65b63118c..e3572169d 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -117,6 +117,19 @@ textarea {
   text-indent: 100%;
   white-space: nowrap;
 }
+.input-block-level {
+  display: block;
+  width: 100%;
+  min-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;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
 body {
   margin: 0;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;