aboutsummaryrefslogtreecommitdiff
path: root/less/tests/css-tests.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-03-31 12:31:56 -0700
committerMark Otto <[email protected]>2012-03-31 12:31:56 -0700
commit56ecc6ba96550d8e66d0484c21fc20da5f8e52e6 (patch)
tree0f7723bd1c73c7b1e27e4863af3b7ddc468a39f4 /less/tests/css-tests.html
parent37745cd8997bdc1d0bb21c276a7aa671bb018eed (diff)
downloadbootstrap-56ecc6ba96550d8e66d0484c21fc20da5f8e52e6.tar.xz
bootstrap-56ecc6ba96550d8e66d0484c21fc20da5f8e52e6.zip
clarify use of dropdowns, href, and data-target for js docs; add tests to css tests page for it's display and execution in html
Diffstat (limited to 'less/tests/css-tests.html')
-rw-r--r--less/tests/css-tests.html43
1 files changed, 43 insertions, 0 deletions
diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html
index 42cdab045..f6f4b2351 100644
--- a/less/tests/css-tests.html
+++ b/less/tests/css-tests.html
@@ -330,8 +330,51 @@
</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>