From 3e2e111b17ff875a84773e00bd0b34ff8bf6bc3a Mon Sep 17 00:00:00 2001
From: Mark Otto <markotto@twitter.com>
Date: Sun, 25 Mar 2012 17:11:50 -0700
Subject: add css tests for fluid rows and inputs

---
 docs/assets/bootstrap.zip               | Bin 56863 -> 56863 bytes
 docs/css-tests.html                     |  29 ++++++++++++++++++++++++++++-
 docs/templates/pages/css-tests.mustache |  29 ++++++++++++++++++++++++++++-
 3 files changed, 56 insertions(+), 2 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 49bc25fb0..f1239927e 100644
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ
diff --git a/docs/css-tests.html b/docs/css-tests.html
index c2a932b36..332420dec 100644
--- a/docs/css-tests.html
+++ b/docs/css-tests.html
@@ -99,6 +99,11 @@
   .col3 {
     background-color: rgba(0,0,255,.1);
   }
+
+  /* Fluid row inputs */
+  #fluidRowInputs .row-fluid > [class*=span] {
+    background-color: rgba(255,0,0,.1);
+  }
 </style>
 
 
@@ -319,10 +324,32 @@
         <span class="span2 uneditable-input">Some value here</span><span class="add-on">.00</span>
       </div>
     </form>
-
   </div><!--/span-->
 </div><!--/row-->
 
+<h4>Fluid row with inputs</h4>
+<p>Inputs should not extend past the light red background, set on their parent, a <code>.span*</code> column.</p>
+<div id="fluidRowInputs">
+  <div class="row-fluid">
+    <div class="span4">
+      <input class="span4" placeholder="span4">
+    </div><!--/span-->
+    <div class="span8">
+      <input class="span8" placeholder="span8">
+    </div><!--/span-->
+  </div><!--/row-->
+  <div class="row-fluid" id="fluidRowInputs">
+    <div class="span12">
+      <input class="span12" placeholder="span12">
+    </div><!--/span-->
+  </div><!--/row-->
+</div>
+
+
+
+
+
+
 
 
 
diff --git a/docs/templates/pages/css-tests.mustache b/docs/templates/pages/css-tests.mustache
index 0220d733b..cb902e985 100644
--- a/docs/templates/pages/css-tests.mustache
+++ b/docs/templates/pages/css-tests.mustache
@@ -22,6 +22,11 @@
   .col3 {
     background-color: rgba(0,0,255,.1);
   }
+
+  /* Fluid row inputs */
+  #fluidRowInputs .row-fluid > [class*=span] {
+    background-color: rgba(255,0,0,.1);
+  }
 </style>
 
 
@@ -242,8 +247,30 @@
         <span class="span2 uneditable-input">Some value here</span><span class="add-on">.00</span>
       </div>
     </form>
-
   </div><!--/span-->
 </div><!--/row-->
 
+<h4>Fluid row with inputs</h4>
+<p>Inputs should not extend past the light red background, set on their parent, a <code>.span*</code> column.</p>
+<div id="fluidRowInputs">
+  <div class="row-fluid">
+    <div class="span4">
+      <input class="span4" placeholder="span4">
+    </div><!--/span-->
+    <div class="span8">
+      <input class="span8" placeholder="span8">
+    </div><!--/span-->
+  </div><!--/row-->
+  <div class="row-fluid" id="fluidRowInputs">
+    <div class="span12">
+      <input class="span12" placeholder="span12">
+    </div><!--/span-->
+  </div><!--/row-->
+</div>
+
+
+
+
+
+
 
-- 
cgit v1.2.3