7

How can I add a dropdown menu to custom link in Boostrap?. It is described through official Bootstrap components page how to add dropdown only for clickable buttons not for custom links.

Improve this question

1 Answer 1

Reset to default
14

Not sure if this is what you're looking for

Demo

<div class="dropdown">
  <a class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
    Link
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
  </ul>
</div>
Improve this answer
Sign up to request clarification or add additional context in comments.

3 Comments

Do I have to include link within <div class="dropdown">?
You can include the link wherever you want. Please note that every <li> element into the dropdown has a <a href> link
I meant the "dropdown" class. It can be applied to span or div whatever the dropdown included into but not to ignore. Thanks for sharing :)

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.