Выпадающее меню 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.

Метки:
Плюсануть
Поделиться
Отправить

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

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