Dropdown
A carousel without slide control
Basic
Split Dropdowns
To create a split button add class .dropdown-toggle-splitwith your dropdown toggle class And to add divider between dropdown item use class .doprdown-divider
Dropdown with Icons & Emoji
Use .dropdown-item-emojiwithin .dropdown-itemfor font-size and spacing of emojis.
Directions
Add .dropdown-menu-endto a .dropdown-menuto right align the dropdown menu. Trigger dropdown menus at the up / right / left of the elements by adding .dropup | .dropright | .dropleft to the parent element.
Sizes
Button dropdowns work with buttons of all sizes,including default and split dropdown buttons.
Options
Use data-offsetor data-referenceattributes to change the location of the dropdown.
Variations
To create a dropdown with groups you can use .dropdown-headerfor the header of groups and for sepration of group you can use .dropdown-divider.
To create a dropdown with icons use class .dropdown-icon-wrapperwith .dropdown.