1

ドロップダウン メニューをホバー時に開くように変更するにはどうすればよいですか?

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

しかし、この場合は機能しません(タブ?)

ありがとう

4

1 に答える 1

1

隣接する CSS セレクターを使用します。

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

デモ: http://bootply.com/85298

于 2013-10-03T18:17:28.763 に答える