aboutsummaryrefslogtreecommitdiff
path: root/docs/javascript/dropdowns.md
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-07-12 16:15:45 -0700
committerMark Otto <[email protected]>2014-07-12 16:15:45 -0700
commit5cfde0d3a5819374e5f750b4fcfedfccc5c19889 (patch)
tree54414858a401502baad20cc62a62db5f3f2ee242 /docs/javascript/dropdowns.md
parentf1e77198d4ecbc49013e0f011b381459d47d6315 (diff)
parentfe0ef388982399d8925ec7aa8a70c4b4df3aa7e6 (diff)
downloadbootstrap-5cfde0d3a5819374e5f750b4fcfedfccc5c19889.tar.xz
bootstrap-5cfde0d3a5819374e5f750b4fcfedfccc5c19889.zip
Merge branch 'master' into derp
Conflicts: dist/css/bootstrap-theme.css.map dist/css/bootstrap.css dist/css/bootstrap.css.map dist/css/bootstrap.min.css docs/assets/js/customize.min.js docs/dist/css/bootstrap-theme.css.map docs/dist/css/bootstrap.css docs/dist/css/bootstrap.css.map docs/dist/css/bootstrap.min.css docs/javascript/dropdowns.md less/utilities.less
Diffstat (limited to 'docs/javascript/dropdowns.md')
-rw-r--r--docs/javascript/dropdowns.md33
1 files changed, 24 insertions, 9 deletions
diff --git a/docs/javascript/dropdowns.md b/docs/javascript/dropdowns.md
index a9e589834..e8682b66d 100644
--- a/docs/javascript/dropdowns.md
+++ b/docs/javascript/dropdowns.md
@@ -25,7 +25,9 @@ title: Dropdowns
<div class="collapse navbar-collapse bs-example-js-navbar-collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
- <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>
+ <button id="drop1" type="button" class="dropdown-toggle" data-toggle="dropdown">
+ Dropdown
+ </button>
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Another action</a></li>
@@ -35,7 +37,9 @@ title: Dropdowns
</ul>
</li>
<li class="dropdown">
- <a href="#" id="drop2" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown 2</a>
+ <button id="drop2" type="button" class="dropdown-toggle" data-toggle="dropdown">
+ Dropdown 2
+ </button>
<ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Another action</a></li>
@@ -47,7 +51,9 @@ title: Dropdowns
</ul>
<ul class="nav navbar-nav navbar-right">
<li id="fat-menu" class="dropdown">
- <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown 3</a>
+ <button id="drop3" type="button" class="dropdown-toggle" data-toggle="dropdown">
+ Dropdown 3
+ </button>
<ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Another action</a></li>
@@ -67,7 +73,9 @@ title: Dropdowns
<ul class="nav nav-pills" role="tablist">
<li role="presentation" class="active"><a href="#">Regular link</a></li>
<li role="presentation" class="dropdown">
- <a id="drop4" role="button" data-toggle="dropdown" href="#">Dropdown</a>
+ <button id="drop4" type="button" data-toggle="dropdown">
+ Dropdown
+ </button>
<ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Another action</a></li>
@@ -77,7 +85,9 @@ title: Dropdowns
</ul>
</li>
<li role="presentation" class="dropdown">
- <a id="drop5" role="button" data-toggle="dropdown" href="#">Dropdown 2</a>
+ <button id="drop5" type="button" data-toggle="dropdown">
+ Dropdown 2
+ </button>
<ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Another action</a></li>
@@ -87,7 +97,9 @@ title: Dropdowns
</ul>
</li>
<li role="presentation" class="dropdown">
- <a id="drop6" role="button" data-toggle="dropdown" href="#">Dropdown 3</a>
+ <button id="drop6" type="button" data-toggle="dropdown">
+ Dropdown 3
+ </button>
<ul id="menu3" class="dropdown-menu" role="menu" aria-labelledby="drop6">
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Another action</a></li>
@@ -109,7 +121,10 @@ title: Dropdowns
<p>Add <code>data-toggle="dropdown"</code> to a link or button to toggle a dropdown.</p>
{% highlight html %}
<div class="dropdown">
- <a id="dLabel" role="button" data-toggle="dropdown" href="#">Dropdown trigger</a>
+ <button id="dLabel" type="button" data-toggle="dropdown">
+ Dropdown trigger
+ <span class="caret"></span>
+ </button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
...
</ul>
@@ -118,9 +133,9 @@ title: Dropdowns
<p>To keep URLs intact, use the <code>data-target</code> attribute instead of <code>href="#"</code>.</p>
{% highlight html %}
<div class="dropdown">
- <a id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
+ <button id="dLabel" type="button" data-toggle="dropdown">Dropdown trigger</button>
Dropdown
- </a>
+ </button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
...