bootstrap dropdown only on click

Question

I have a dropdown menu implemented with bootstrap3 where I wanna make the dropdown visible only on click instead of hover. My code at the moment:

<li class="dropdown">
  <a href="#" class="dropdown-toggle disabled" id="without-avatar" data-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
    <i class="fa fa-lg fa-bars"></i>
  </a>
  <ul class = "dropdown-menu">
    <li>......</li>
    ......
  </ul>
</li>

I found some answers where it was said if I use disabled on the a class then the dropdown menu will be available only on click instead of hover. Unfortunately the code is not working. I guess the answer was outdated.

As of 2016 what is the preferred way to solve this problem?

Tony, I haven't tried any js/jquery since I guess there should be a bootstrap way to solve this problem. — Sean Magyar
– Sean Magyar, Commented Mar 3, 2016 at 19:12
Looking at getbootstrap.com/javascript/#dropdowns it has "none" in the options, so there doesn't appear to be any inherent support for disabling/enabling the hover. — Tony Hinkle
– Tony Hinkle, Commented Mar 3, 2016 at 19:26
Can you repro this in a jsfiddle? I created one and it doesn't do anything on hover... — Tony Hinkle
– Tony Hinkle, Commented Mar 3, 2016 at 19:30

Tony Hinkle · Accepted Answer · 2016-03-03 20:21:18Z

2

The Bootstrap dropdown does not drop down on hover. Please check the code on the enclosing elements to find where the problematic hover event is defined.

answered Mar 3, 2016 at 20:21

Tony Hinkle

4,7627 gold badges25 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

bootstrap dropdown only on click

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related