📜 ⬆️ ⬇️

Bootstrap Dropdown Menus Enhancement

I really like the drop down menus from Bootstrap. Due to simple and understandable semantics, they are easy and pleasant to use when layout.

But for complete happiness, I lacked some functionality.


1. radio and checkbox


There are a great many plug-ins for select and select multiple styling, but I wanted something simple and universal, and since I use Bootsrap Dropdown Menus in my project, why not make them do this with minimal effort. What was done .
')

2. positioning


Sometimes you want to position the menu above the button or in the center. To this .pull-right , in addition to the standard .pull-right , new classes .pull-top , .pull-center , .pull-middle were introduced.

3. bullet


The class .bullet adds an arrow to the menu.





I will be glad to any comments, comments, additions. Thanks for attention.

PS: The page on GitHub is framed in English. I am not very strong in English, so I will be glad to any help in correcting inaccuracies and errors.

UPD Added closing the menu when clicking on the radio button ... Added the ability to leave the menu open, to do this, add the .noclose class to the dropdown menu (see the demo).

Source: https://habr.com/ru/post/175027/


All Articles