Skip to content
GitLab
Commit 3e2e111b authored by Mark Otto's avatar Mark Otto
Browse files

add css tests for fluid rows and inputs

parent 519384fa
Hide whitespace changes
Inline Side-by-side
Showing
with 56 additions and 2 deletions
+56 -2
docs/assets/bootstrap.zip
+ 0
- 0
View file @ 3e2e111b
No preview for this file type
docs/css-tests.html
+ 28
- 1
View file @ 3e2e111b
......@@ -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>
......
docs/templates/pages/css-tests.mustache
+ 28
- 1
View file @ 3e2e111b
......@@ -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>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment