expand input css tests to fixed width grid

This commit is contained in:
Mark Otto 2012-04-30 15:06:26 -07:00
parent b261f9781b
commit ad46b0980c
2 changed files with 68 additions and 0 deletions

View File

@ -30,6 +30,7 @@ h4 {
/* Fluid row inputs */
#rowInputs .row > [class*=span],
#fluidRowInputs .row-fluid > [class*=span] {
background-color: rgba(255,0,0,.1);
}

View File

@ -500,6 +500,73 @@
</div><!--/span-->
</div><!--/row-->
<h4>Fixed 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 class="rowInputs">
<div class="row">
<div class="span12">
<input class="span1" placeholder="span1">
</div><!--/span-->
</div><!--/row-->
<div class="row">
<div class="span12">
<input class="span2" placeholder="span2">
</div><!--/span-->
</div><!--/row-->
<div class="row">
<div class="span12">
<input class="span3" placeholder="span3">
</div><!--/span-->
</div><!--/row-->
<div class="row">
<div class="span12">
<input class="span4" placeholder="span4">
</div><!--/span-->
</div><!--/row-->
<div class="row">
<div class="span12">
<input class="span5" placeholder="span5">
</div><!--/span-->
</div><!--/row-->
<div class="row">
<div class="span12">
<input class="span6" placeholder="span6">
</div><!--/span-->
</div><!--/row-->
<div class="row">
<div class="span12">
<input class="span7" placeholder="span7">
</div><!--/span-->
</div><!--/row-->
<div class="row">
<div class="span12">
<input class="span8" placeholder="span8">
</div><!--/span-->
</div><!--/row-->
<div class="row">
<div class="span12">
<input class="span9" placeholder="span9">
</div><!--/span-->
</div><!--/row-->
<div class="row">
<div class="span12">
<input class="span10" placeholder="span10">
</div><!--/span-->
</div><!--/row-->
<div class="row">
<div class="span12">
<input class="span11" placeholder="span11">
</div><!--/span-->
</div><!--/row-->
<div class="row">
<div class="span12">
<input class="span12" placeholder="span12">
</div><!--/span-->
</div><!--/row-->
</div>
<br>
<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">