Выпадающее меню Bootstrap по hover-эффекту

Небольшая заметка для CSS-фрэймворка Twitter Bootstrap. Это известный и полезный для вёрстки инструмент, который экономит время при разработке. Подробно описывать фреймворк не буду — пост рассчитан на тех, кто уже знаком с ним.

В Bootstrap есть функция выпадающих меню. По умолчанию они работают на JavaScript и открываются по клику.

Иногда нужно, чтоб такое меню работало при эффекте :hover (наведении курсора мыши). Это реализуется несколькими строчками CSS кода:

.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0; 
}
a.menu:after, .dropdown-toggle:after {
content: none;
}

Работает на Bootstrap 2 и 3.

Поделиться ссылкой:
Плюсануть
Поделиться
Отправить
Комментарии
Егор:

Нормалек, на Bootstrap 3.2 работает отлично. Только поправьте в коде > скобку >

Добавить комментарий

Нажимая на кнопку, вы даёте согласие на обработку своих персональных данных в соответствии с политикой конфиденциальности.