diff options
| author | Jacob Thornton <[email protected]> | 2012-04-04 15:13:27 -0700 |
|---|---|---|
| committer | Jacob Thornton <[email protected]> | 2012-04-04 15:13:27 -0700 |
| commit | 4953629ccd0a1c43ae483a843db6d882fe66fc03 (patch) | |
| tree | 22420388e754c7ed67fdb7256cefe62023a0ca08 /less/tests/css-tests.html | |
| parent | 83febb3452ecd81241ddc004509ec64de8b13a92 (diff) | |
| parent | 2ea437f353a636a277320513db04ced4fc0f7da2 (diff) | |
| download | bootstrap-4953629ccd0a1c43ae483a843db6d882fe66fc03.tar.xz bootstrap-4953629ccd0a1c43ae483a843db6d882fe66fc03.zip | |
Merge branch '2.0.3-wip' of https://github.com/twitter/bootstrap into 2.0.3-wip
Conflicts:
docs/assets/bootstrap.zip
Diffstat (limited to 'less/tests/css-tests.html')
| -rw-r--r-- | less/tests/css-tests.html | 163 |
1 files changed, 160 insertions, 3 deletions
diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html index 1955ebbec..255a078b3 100644 --- a/less/tests/css-tests.html +++ b/less/tests/css-tests.html @@ -269,23 +269,180 @@ <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"> + <div class="span12"> + <input class="span1" placeholder="span1"> + </div><!--/span--> + </div><!--/row--> + <div class="row-fluid"> + <div class="span12"> + <input class="span2" placeholder="span2"> + </div><!--/span--> + </div><!--/row--> + <div class="row-fluid"> + <div class="span12"> + <input class="span3" placeholder="span3"> + </div><!--/span--> + </div><!--/row--> + <div class="row-fluid"> + <div class="span12"> <input class="span4" placeholder="span4"> </div><!--/span--> - <div class="span8"> + </div><!--/row--> + <div class="row-fluid"> + <div class="span12"> + <input class="span5" placeholder="span5"> + </div><!--/span--> + </div><!--/row--> + <div class="row-fluid"> + <div class="span12"> + <input class="span6" placeholder="span6"> + </div><!--/span--> + </div><!--/row--> + <div class="row-fluid"> + <div class="span12"> + <input class="span7" placeholder="span7"> + </div><!--/span--> + </div><!--/row--> + <div class="row-fluid"> + <div class="span12"> <input class="span8" placeholder="span8"> </div><!--/span--> </div><!--/row--> - <div class="row-fluid" id="fluidRowInputs"> + <div class="row-fluid"> + <div class="span12"> + <input class="span9" placeholder="span9"> + </div><!--/span--> + </div><!--/row--> + <div class="row-fluid"> + <div class="span12"> + <input class="span10" placeholder="span10"> + </div><!--/span--> + </div><!--/row--> + <div class="row-fluid"> + <div class="span12"> + <input class="span11" placeholder="span11"> + </div><!--/span--> + </div><!--/row--> + <div class="row-fluid"> <div class="span12"> <input class="span12" placeholder="span12"> </div><!--/span--> </div><!--/row--> </div> +<br> + + +<!-- Dropdowns +================================================== --> +<div class="page-header"> + <h1>Dropdowns</h1> +</div> +<h4>Dropdown link with hash URL</h4> +<ul class="nav nav-pills"> + <li class="active"><a href="#">Link</a></li> + <li><a href="#">Example link</a></li> + <li class="dropdown"> + <a class="dropdown-toggle" data-toggle="dropdown" href="#"> + Dropdown <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </li> +</ul> + +<h4>Dropdown link with custom URL and data-target</h4> +<ul class="nav nav-pills"> + <li class="active"><a href="#">Link</a></li> + <li><a href="#">Example link</a></li> + <li class="dropdown"> + <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="path/to/page.html"> + Dropdown <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </li> +</ul> +<br> + + +<!-- Thumbnails +================================================== --> +<div class="page-header"> + <h1>Thumbnails</h1> +</div> +<h4>Offset thumbnails</h4> +<ul class="thumbnails"> + <li class="span3 offset3"> + <a href="#" class="thumbnail"> + <img src="http://placehold.it/260x180" alt=""> + </a> + </li> + <li class="span3"> + <a href="#" class="thumbnail"> + <img src="http://placehold.it/260x180" alt=""> + </a> + </li> + <li class="span3"> + <a href="#" class="thumbnail"> + <img src="http://placehold.it/260x180" alt=""> + </a> + </li> +</ul> + +<ul class="thumbnails"> + <li class="span3"> + <a href="#" class="thumbnail"> + <img src="http://placehold.it/260x180" alt=""> + </a> + </li> + <li class="span3 offset3"> + <a href="#" class="thumbnail"> + <img src="http://placehold.it/260x180" alt=""> + </a> + </li> + <li class="span3"> + <a href="#" class="thumbnail"> + <img src="http://placehold.it/260x180" alt=""> + </a> + </li> +</ul> + +<h4>Fluid thumbnails</h4> +<div class="row-fluid"> + <div class="span8"> + <ul class="thumbnails"> + <li class="span4"> + <a href="#" class="thumbnail"> + <img src="http://placehold.it/260x180" alt=""> + </a> + </li> + <li class="span4"> + <a href="#" class="thumbnail"> + <img src="http://placehold.it/260x180" alt=""> + </a> + </li> + <li class="span4"> + <a href="#" class="thumbnail"> + <img src="http://placehold.it/260x180" alt=""> + </a> + </li> + </ul> + </div> +</div> |
