rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-11 08:54:23 +01:00
Code Issues Actions Packages Releases Activity

Fix dropdown example in docs (Fix #20410)

Browse Source
This commit is contained in:
Pierre-Denis Vanduynslager 2016-08-02 01:38:32 -04:00
parent 27cf3d675c
commit 0f25df1dff
1 changed files with 1 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
docs/components/dropdowns.md
View File

@ -36,7 +36,7 @@ And with `<a>` elements:
{% example html %} {% example html %}
<div class="dropdown open"> <div class="dropdown open">
<a class="btn btn-secondary dropdown-toggle" href="http://example.com" id="dropdownMenuLink" data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <a class="btn btn-secondary dropdown-toggle" href="http://example.com" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown link Dropdown link
</a> </a>
@ -500,20 +500,6 @@ Add `data-toggle="dropdown"` to a link or button to toggle a dropdown.
</div> </div>
{% endhighlight %} {% endhighlight %}
To keep URLs intact with link buttons, use the `data-target` attribute instead of `href="#"`.
{% highlight html %}
<div class="dropdown">
<a id="dLabel" data-target="#" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown trigger
</a>
<div class="dropdown-menu" aria-labelledby="dLabel">
...
</div>
</div>
{% endhighlight %}
### Via JavaScript ### Via JavaScript
Call the dropdowns via JavaScript: Call the dropdowns via JavaScript: