mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
expand input css tests to fixed width grid
This commit is contained in:
parent
b261f9781b
commit
ad46b0980c
2 changed files with 68 additions and 0 deletions
|
@ -30,6 +30,7 @@ h4 {
|
|||
|
||||
|
||||
/* Fluid row inputs */
|
||||
#rowInputs .row > [class*=span],
|
||||
#fluidRowInputs .row-fluid > [class*=span] {
|
||||
background-color: rgba(255,0,0,.1);
|
||||
}
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in a new issue