Igorhp

Выпадающий список

admin — Fri, 11 Jul 2025 17:31:43 +0000

Нас окружают враги, внешние, внутренние. Как защитить себя?

Внешние враги

The post Выпадающий список first appeared on Igorhp.

Поведение автоматического закрытия

admin — Sun, 22 Jun 2025 10:09:37 +0000

Поведение автоматического закрытия
По умолчанию раскрывающееся меню закрывается при нажатии внутри или вне раскрывающегося меню. Вы можете использовать опцию autoClose, чтобы изменить поведение раскрывающегося списка.

The post Поведение автоматического закрытия first appeared on Igorhp.

Кнопка с выпадающим списком при наведении

admin — Sat, 21 Jun 2025 23:16:25 +0000

Элементы меню

ul class=»dropdown-menu»>

Активный
Добавьте .active к элементам в выпадающем списке, чтобы сделать их активными. Чтобы передать активное состояние вспомогательным технологиям, используйте атрибут aria-current, используя значение page для текущей страницы или true для текущего элемента в наборе.

Отключенный
Добавьте .disabled к элементам в выпадающем списке, чтобы сделать их отключенными.

Выравнивание меню
По умолчанию раскрывающееся меню автоматически располагается на 100% сверху и слева от своего родителя. Вы можете изменить это с помощью направленных классов .drop*, но Вы также можете управлять ими с помощью дополнительных классов-модификаторов.

Добавьте .dropdown-menu-end в .dropdown-menu, чтобы выровнять раскрывающееся меню по правому краю. При использовании Bootstrap в RTL направления отражаются, то есть .dropdown-menu-end появится слева.

Внимание! Выпадающие списки позиционируются благодаря Popper, за исключением случаев, когда они содержатся в навигационной панели.

Текст
Поместите произвольный текст в выпадающее меню с текстом и используйте утилиты отступов. Обратите внимание, что Вам, вероятно, потребуются дополнительные стили размеров, чтобы ограничить ширину меню.

Параметры выпадающего списка
Используйте data-bs-offset или data-bs-reference, чтобы изменить расположение выпадающего списка.