add css tests for fluid rows and inputs

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 49bc25fb07cea55837f8ec304f492ed3f5a5df5d..f1239927e50a9ef0519535c7bad64a4457d28cc5 100644 (file)
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 c2a932b3627bda2ae09b372405925b20cb35de8d..332420dec7b9a4918b74c77c908157b946b218ff 100644 (file)
--- 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 0220d733b1131906f17ca1dcb8ae1e264964a200..cb902e985453ad051444edc9504cfe3312d05d51 100644 (file)
--- 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>
+
+
+
+
+
+