diff options
| author | Mark Otto <[email protected]> | 2012-09-25 15:01:03 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-09-25 15:01:03 -0700 |
| commit | 527d01ce99a0cae8eae7868c0649dca60cda338c (patch) | |
| tree | 2cacad432a464309d5d636054e58f4f021633942 /less/tests | |
| parent | 7110b243f5c88274742477c80c2d08be3f259566 (diff) | |
| download | bootstrap-527d01ce99a0cae8eae7868c0649dca60cda338c.tar.xz bootstrap-527d01ce99a0cae8eae7868c0649dca60cda338c.zip | |
headway, cleanup, and tests
Diffstat (limited to 'less/tests')
| -rw-r--r-- | less/tests/css-tests.html | 343 |
1 files changed, 108 insertions, 235 deletions
diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html index c0cb1485e..ca9dd3ea3 100644 --- a/less/tests/css-tests.html +++ b/less/tests/css-tests.html @@ -53,12 +53,119 @@ </header> -<div class="bs-docs-canvas"> <div class="container"> + + +<div class="bs-docs-grid"> + <div class="row show-grid"> + <div class="span1">1</div> + <div class="span1">1</div> + <div class="span1">1</div> + <div class="span1">1</div> + <div class="span1">1</div> + <div class="span1">1</div> + <div class="span1">1</div> + <div class="span1">1</div> + <div class="span1">1</div> + <div class="span1">1</div> + <div class="span1">1</div> + <div class="span1">1</div> + </div> + <div class="row show-grid"> + <div class="span4">4</div> + <div class="span4">4</div> + <div class="span4">4</div> + </div> + <div class="row show-grid"> + <div class="span6">6</div> + <div class="span6">6</div> + </div> + <div class="row show-grid"> + <div class="span12">12</div> + </div> +</div> + +<form class="controls-row"> + <input class="span1" type="text" placeholder=".span1"> + <input class="span1" type="text" placeholder=".span1"> + <input class="span1" type="text" placeholder=".span1"> + <input class="span1" type="text" placeholder=".span1"> + <input class="span1" type="text" placeholder=".span1"> + <input class="span1" type="text" placeholder=".span1"> + <input class="span1" type="text" placeholder=".span1"> + <input class="span1" type="text" placeholder=".span1"> + <input class="span1" type="text" placeholder=".span1"> + <input class="span1" type="text" placeholder=".span1"> + <input class="span1" type="text" placeholder=".span1"> + <input class="span1" type="text" placeholder=".span1"> +</form> + +<form class="controls-row"> + <input class="span4" type="text" placeholder=".span4"> + <input class="span4" type="text" placeholder=".span4"> + <input class="span4" type="text" placeholder=".span4"> +</form> + +<form class="controls-row"> + <input class="span6" type="text" placeholder=".span6"> + <input class="span6" type="text" placeholder=".span6"> +</form> + +<form class="controls-row"> + <input class="span12" type="text" placeholder=".span12"> +</form> + +<form class="clearfix"> + <input class="span4" type="text" placeholder=".span4"> + <input class="span4 offset4" type="text" placeholder=".span4"> +</form> + + +<form class="bs-docs-example form-horizontal"> + <legend>Horizontal form example</legend> + <div class="control-group"> + <label class="control-label">Name</label> + <div class="controls"> + <input type="text" class="span3" placeholder="First"> + <input type="text" class="span3" placeholder="Last"> + </div> + </div> + <div class="control-group"> + <label class="control-label">Email</label> + <div class="controls"> + <input type="text" class="span6" placeholder="First"> + </div> + </div> + <div class="control-group"> + <label class="control-label">Password</label> + <div class="controls"> + <input type="password" class="span6" placeholder="Password"> + </div> + </div> + <div class="control-group"> + <div class="controls"> + <label class="checkbox"> + <input type="checkbox"> Remember me + </label> + <button type="submit" class="btn">Sign in</button> + </div> + </div> +</form> + +<style> +.container { background-color: rgba(255,0,0,.1); } +</style> + + +<br><br><br> + + + + <!-- Typography ================================================== --> @@ -136,239 +243,6 @@ -<!-- Fluid grid -================================================== --> - -<div class="page-header"> - <h1>Fluid grids</h1> -</div> - -<div class="fluid-grid"> - <div class="row"> - <div class="span12">12 - <div class="row-fluid"> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - </div> - </div> - </div> - <div class="row"> - <div class="span11">11 - <div class="row-fluid"> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - </div> - </div> - <div class="span1">1 - <div class="row-fluid"> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - </div> - </div> - </div> - <div class="row"> - <div class="span10">10 - <div class="row-fluid"> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - </div> - </div> - <div class="span2">2 - <div class="row-fluid"> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - </div> - </div> - </div> - <div class="row"> - <div class="span9">9 - <div class="row-fluid"> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - </div> - </div> - <div class="span3">3 - <div class="row-fluid"> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - </div> - </div> - </div> - <div class="row"> - <div class="span8">8 - <div class="row-fluid"> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - </div> - </div> - <div class="span4">4 - <div class="row-fluid"> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - </div> - </div> - </div> - <div class="row"> - <div class="span7">7 - <div class="row-fluid"> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - </div> - </div> - <div class="span5">5 - <div class="row-fluid"> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - </div> - </div> - </div> - <div class="row"> - <div class="span6">6 - <div class="row-fluid"> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - </div> - </div> - <div class="span6">6 - <div class="row-fluid"> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - <div class="span1">1</div> - </div> - </div> - </div> -</div> <!-- fluid grids --> - - <!-- Tables ================================================== --> @@ -1268,7 +1142,6 @@ </div> </footer> -</div> <!-- Le javascript |