css - 悬停时显示 Bootstrap 下拉菜单

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