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

悬停时，Bootstrap下拉菜单显示

1 个答案: