Небольшой взлом: пример navbar bootstrapdocs.com (Bootstrap 3.3)

Question

Я хотел бы знать, как сделать раскрывающийся список при наведении, а не при нажатии.Вот пример:

https://bootstrapdocs.com/v3.3.6/docs/examples/navbar/

Я попытался добавить:

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

Не работает.Любая помощь будет оценена.

Спасибо

Answer 1

Это немного больше, чем принятый ответ.Если вы также хотите выделить цвет фона .dropdown-toggle, вам потребуется еще несколько строк CSS.

.navbar-default .navbar-nav > .dropdown:hover > a {
  color: #555;
  background-color: #e7e7e7;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

Без этихлинии:

Answer 2

.dropdown:hover .dropdown-menu {
  display: block;
}

Можете ли вы попробовать этот метод выше.