Выпадающее меню Bootstrap show on hover

Question

Как я могу изменить раскрывающееся меню, чтобы открыть его при введении?

<div class="tab-content"> 
    <div class="tab-pane fade in active" id="Eventos"> 
    <div class="col-md-12"> 
     <p> 
     <div class="btn-group"> 
     <button type="button" class="btn btn-warning dropdown-toggle btn-xs" data-toggle="dropdown"></button> 
     <ul class="dropdown-menu" role="menu"> 
      <li><a href="#">1</a></li> 
      <li><a href="#">2</a></li> 
      <li><a href="#">3</a></li> 
     </ul> 
     </div> 
     </p> 
    </div> 
    </div> 
</div> 

Найдено это:

ul.nav li.dropdown:hover > ul.dropdown-menu{ 
display: block; 
} 

Но это не работает в этом случае (вкладки?)

Благодаря

Answer 1

Используйте смежный селектор CSS ..

.dropdown-toggle:hover + ul.dropdown-menu { 
    display: block; 
} 

Демо-версия: http://bootply.com/85298