css - 悬停时显示引导下拉菜单

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