]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
fixes #3665: ensure inputs in a fluid row maintain grid sizing
authorMark Otto <markotto@twitter.com>
Mon, 30 Jul 2012 22:38:36 +0000 (15:38 -0700)
committerMark Otto <markotto@twitter.com>
Mon, 30 Jul 2012 22:38:36 +0000 (15:38 -0700)
docs/assets/css/bootstrap.css
less/forms.less
less/tests/css-tests.html

index dd9b96bc16681d9af8a9295e1b026c9f8062c24f..59cf075796d078f61bf07db55a3278a339dd67ad 100644 (file)
@@ -1165,6 +1165,10 @@ textarea[class*="span"],
 .input-append .uneditable-input[class*="span"],
 .input-prepend input[class*="span"],
 .input-prepend .uneditable-input[class*="span"],
+.row-fluid input[class*="span"],
+.row-fluid select[class*="span"],
+.row-fluid textarea[class*="span"],
+.row-fluid .uneditable-input[class*="span"],
 .row-fluid .input-prepend [class*="span"],
 .row-fluid .input-append [class*="span"] {
   display: inline-block;
index 0c913b952b945d6c130ef14c13c4ad315e8c7403..d127a5e9a2be381c051023c2759c4f9eac65f96e 100644 (file)
@@ -279,6 +279,10 @@ textarea[class*="span"],
 .input-append .uneditable-input[class*="span"],
 .input-prepend input[class*="span"],
 .input-prepend .uneditable-input[class*="span"],
+.row-fluid input[class*="span"],
+.row-fluid select[class*="span"],
+.row-fluid textarea[class*="span"],
+.row-fluid .uneditable-input[class*="span"],
 .row-fluid .input-prepend [class*="span"],
 .row-fluid .input-append [class*="span"] {
   display: inline-block;
index 3ded955bf6bc63e08f36a76d54581c43c736a59b..71de6cce7415ecae3f289f26787ae1672ff0fdfe 100644 (file)
     </div><!--/span-->
   </div><!--/row-->
 </div>
+
+<br>
+
+<h4>Inline form in fluid row</h4>
+
+<div class="row-fluid">
+  <div class="span12">
+    <form class="form-inline">
+      <input type="text" class="span3" placeholder="Email">
+      <input type="password" class="span3" placeholder="Password">
+      <label class="checkbox">
+        <input type="checkbox"> Remember me
+      </label>
+      <button type="submit" class="btn">Sign in</button>
+    </form>
+  </div>
+</div>
+
+
 <br>