Сегодня 21.11.2024 г.
Ваш IP-адрес: 3.137.169.56

Выпадающее меню Bootstrap 4 на мобильной версии по нажатию

Как я уже говорил в одной из предыдущих статей, что на мобильных устройствах не очень корректно работает свойство hover. А после удаления атрибута «data-toggle="dropdown"», у нас вообще ломается принцип работы меню на мобильных устройствах.

Переход по ссылке главного (верхнего) меню раскрывающего списка в Bootstrap 4

Стандартный dropdown-меню список раскрывается только при нажатии на главный пункт меню. При этом перейти на главное меню, по которому происходит действие click, не предоставляется возможным.

Выпадающее меню на Bootstrap 4 при наведении (событие hover)

Как известно, стандартный dropdown список раскрывается только при нажатии на главный пункт меню. По умолчанию выпадающий список имеет свойство «display: none;», и переходит в «display: block;», когда срабатывает событие click и на оборот - чтобы скрыть, нужно опять нажать на меню.

Если у вас имеются вопросы по поводу работы сайта, сотрудничества и предложений, вы можете написать на почту info@alexfine.ru

Я создал первую версию блога и введу его с 2015 года.

Копирование материалов сайта возможно только с указанием активной ссылки «www.alexfine.ru» в качестве источника.

Изображение кнопки наверх