diff --git a/docs/components/dropdowns.md b/docs/components/dropdowns.md index affaadc6e8c714e432caa231fddc854babf9429f..4511d6d323d0ede831600a70e0657561479bb658 100644 --- a/docs/components/dropdowns.md +++ b/docs/components/dropdowns.md @@ -36,7 +36,7 @@ And with `<a>` elements: {% example html %} <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 </a> @@ -500,20 +500,6 @@ Add `data-toggle="dropdown"` to a link or button to toggle a dropdown. </div> {% 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 Call the dropdowns via JavaScript: