Как стать автором
Обновить

Bootstrap Dropdown Menus Enhancement

Разработка веб-сайтовCSS
Мне очень нравятся выпадающие меню из Bootstrap. Благодаря простой и понятной семантике их легко и приятно использовать при верстке.

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


1. radio и checkbox


В сети существует великое множество плагинов для стилизации select и select multiple, но мне хотелось что-то простое и универсальное, и раз уж я использую «Bootsrap Dropdown Menus» в своем проекте, то почему бы с минимальными усилиями не заставить их выполнять эту задачу. Что и было сделано.

2. позиционирование


Иногда требуется расположить меню выше кнопки или по центру. Для этого помимо стандартного .pull-right были внедрены новые классы .pull-top, .pull-center, .pull-middle.

3. bullet


Класс .bullet добавляет стрелочку к меню.





Буду рад любым комментариям, замечаниям, дополнениям. Спасибо за внимание.

PS: Страница на GitHub оформлена на английском языке. Я не очень силен в английском, поэтому буду рад любой помощи в исправлении неточностей и ошибок.

UPD Добавлено закрытие меню при щелчке по радио-кнопке… Добавлена возможность оставлять меню открытым, для этого нужно добавить класс .noclose к dropdown-menu (см. демо).
Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.
Следует ли закрывать меню при выборе радио кнопки?
47.89% Да 295
13.47% Нет 83
38.64% Сделать опцию 238
Проголосовали 616 пользователей. Воздержались 169 пользователей.
Теги:bootstrapcssdropdown
Хабы: Разработка веб-сайтов CSS
Всего голосов 51: ↑47 и ↓4+43
Просмотры42K

Похожие публикации

Лучшие публикации за сутки