aboutsummaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-03-25 17:11:50 -0700
committerMark Otto <[email protected]>2012-03-25 17:11:50 -0700
commit3e2e111b17ff875a84773e00bd0b34ff8bf6bc3a (patch)
tree2155ee51c500583222bdd767067aa078d3b3a954 /docs
parent519384fae8cb2089ac48d81519d7052a9198f29a (diff)
downloadbootstrap-3e2e111b17ff875a84773e00bd0b34ff8bf6bc3a.tar.xz
bootstrap-3e2e111b17ff875a84773e00bd0b34ff8bf6bc3a.zip
add css tests for fluid rows and inputs
Diffstat (limited to 'docs')
-rw-r--r--docs/assets/bootstrap.zipbin56863 -> 56863 bytes
-rw-r--r--docs/css-tests.html29
-rw-r--r--docs/templates/pages/css-tests.mustache29
3 files changed, 56 insertions, 2 deletions
diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 49bc25fb0..f1239927e 100644
--- a/docs/assets/bootstrap.zip
+++ b/docs/assets/bootstrap.zip
Binary files 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>
+
+
+
+
+
+