bootstrap выпадающий список только при нажатии

Question

У меня есть выпадающее меню, реализованное с помощью bootstrap3, где я хочу, чтобы выпадающий список отображался только на клике, а не наведении. Мой код в данный момент:

<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> 

я нашел ответы на некоторые вопросы, где он сказал, что если я использую disabled на a class то выпадающее меню будет доступно только по щелчку вместо висения. К сожалению, код не работает. Думаю, ответ был устаревшим.

С 2016 года, что является предпочтительным способом решения этой проблемы?

Answer 1

Выпадающее окно Bootstrap не падает при наведении указателя мыши. Пожалуйста, проверьте код на охватывающих элементах, чтобы определить, где определено событие проблематичного зависания.