902 B
902 B
Components
Contents
Dropdowns
See also the corresponding UX guide.
How to style a bootstrap dropdown
-
Use the HTML structure provided by the docs
-
Add a specific class to the top level
.dropdown
element.dropdown.my-dropdown %button{ type: 'button', data: { toggle: 'dropdown' }, 'aria-haspopup': true, 'aria-expanded': false } %span.dropdown-toggle-text Toggle Dropdown = icon('chevron-down') %ul.dropdown-menu %li %a item!
Or use the helpers
.dropdown.my-dropdown = dropdown_toggle('Toogle!', { toggle: 'dropdown' }) = dropdown_content %li %a item!