rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

add css tests for fluid rows and inputs

Browse Source
This commit is contained in:
Mark Otto 2012-03-25 17:11:50 -07:00
parent 519384fae8
commit 3e2e111b17
3 changed files with 56 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/assets/bootstrap.zip
View File

Binary file not shown.

29
docs/css-tests.html
View File

@ -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>

29
docs/templates/pages/css-tests.mustache vendored
View File

@ -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>