diff options
| author | Jacob Thornton <[email protected]> | 2012-06-01 10:53:47 -0700 |
|---|---|---|
| committer | Jacob Thornton <[email protected]> | 2012-06-01 10:53:47 -0700 |
| commit | 5657ab46c5351d5a5718eff3e8f7acf5cb43f752 (patch) | |
| tree | ef81c0025662070b5a0e265f5c30155189f74e6f /less/tests/css-tests.html | |
| parent | a85c8fe74e2bea9c99ad405dd667035b5307e31e (diff) | |
| parent | 4eaeea81fd909e6711f57049fc4372f4045fa5aa (diff) | |
| download | bootstrap-5657ab46c5351d5a5718eff3e8f7acf5cb43f752.tar.xz bootstrap-5657ab46c5351d5a5718eff3e8f7acf5cb43f752.zip | |
Merge branch '2.0.4-wip'
Diffstat (limited to 'less/tests/css-tests.html')
| -rw-r--r-- | less/tests/css-tests.html | 114 |
1 files changed, 102 insertions, 12 deletions
diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html index b29018621..b7177e5c6 100644 --- a/less/tests/css-tests.html +++ b/less/tests/css-tests.html @@ -500,67 +500,157 @@ </div><!--/span--> </div><!--/row--> +<h4>Fluid prepended and appended inputs</h4> +<div class="row-fluid"> + <div class="span6"> + <form> + <div class="controls"> + <div class="input-prepend"> + <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text"> + </div> + </div> + <div class="controls"> + <div class="input-append"> + <input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">@</span> + </div> + </div> + <div class="controls"> + <div class="input-prepend input-append"> + <span class="add-on">$</span><input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">.00</span> + </div> + </div> + </form> + </div> +</div> + +<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 type="text" class="span1" placeholder="span1"> + </div><!--/span--> + </div><!--/row--> + <div class="row"> + <div class="span12"> + <input type="text" class="span2" placeholder="span2"> + </div><!--/span--> + </div><!--/row--> + <div class="row"> + <div class="span12"> + <input type="text" class="span3" placeholder="span3"> + </div><!--/span--> + </div><!--/row--> + <div class="row"> + <div class="span12"> + <input type="text" class="span4" placeholder="span4"> + </div><!--/span--> + </div><!--/row--> + <div class="row"> + <div class="span12"> + <input type="text" class="span5" placeholder="span5"> + </div><!--/span--> + </div><!--/row--> + <div class="row"> + <div class="span12"> + <input type="text" class="span6" placeholder="span6"> + </div><!--/span--> + </div><!--/row--> + <div class="row"> + <div class="span12"> + <input type="text" class="span7" placeholder="span7"> + </div><!--/span--> + </div><!--/row--> + <div class="row"> + <div class="span12"> + <input type="text" class="span8" placeholder="span8"> + </div><!--/span--> + </div><!--/row--> + <div class="row"> + <div class="span12"> + <input type="text" class="span9" placeholder="span9"> + </div><!--/span--> + </div><!--/row--> + <div class="row"> + <div class="span12"> + <input type="text" class="span10" placeholder="span10"> + </div><!--/span--> + </div><!--/row--> + <div class="row"> + <div class="span12"> + <input type="text" class="span11" placeholder="span11"> + </div><!--/span--> + </div><!--/row--> + <div class="row"> + <div class="span12"> + <input type="text" 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"> <div class="row-fluid"> <div class="span12"> - <input class="span1" placeholder="span1"> + <input type="text" class="span1" placeholder="span1"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span2" placeholder="span2"> + <input type="text" class="span2" placeholder="span2"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span3" placeholder="span3"> + <input type="text" class="span3" placeholder="span3"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span4" placeholder="span4"> + <input type="text" class="span4" placeholder="span4"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span5" placeholder="span5"> + <input type="text" class="span5" placeholder="span5"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span6" placeholder="span6"> + <input type="text" class="span6" placeholder="span6"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span7" placeholder="span7"> + <input type="text" class="span7" placeholder="span7"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span8" placeholder="span8"> + <input type="text" class="span8" placeholder="span8"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span9" placeholder="span9"> + <input type="text" class="span9" placeholder="span9"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span10" placeholder="span10"> + <input type="text" class="span10" placeholder="span10"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span11" placeholder="span11"> + <input type="text" class="span11" placeholder="span11"> </div><!--/span--> </div><!--/row--> <div class="row-fluid"> <div class="span12"> - <input class="span12" placeholder="span12"> + <input type="text" class="span12" placeholder="span12"> </div><!--/span--> </div><!--/row--> </div> |
