Dropdowns
Button
Link
Split button
Sizing
Dark
In navbar component
<h4 class="h5 text-muted mt-3">In navbar component</h4><h4 class="h5 text-muted mt-3">In navbar component</h4>
Direction
Alignment
Responsive alignment
To right-align the dropdown menu for the given breakpoint or larger, add .dropdown-menu{-sm|-md|-lg|-xl}-end.
To left-align the dropdown menu for the given breakpoint or larger, add .dropdown-menu-end and .dropdown-menu{-sm|-md|-lg|-xl}-start.
<p>To right-align the dropdown menu for the given breakpoint or larger, add <code>.dropdown-menu{-sm|-md|-lg|-xl}-end</code>.</p>
<br><br>
<p>To left-align the dropdown menu for the given breakpoint or larger, add <code>.dropdown-menu-end</code> and <code>.dropdown-menu{-sm|-md|-lg|-xl}-start</code>.</p><p>To right-align the dropdown menu for the given breakpoint or larger, add <code>.dropdown-menu{-sm|-md|-lg|-xl}-end</code>.</p>
<br><br>
<p>To left-align the dropdown menu for the given breakpoint or larger, add <code>.dropdown-menu-end</code> and <code>.dropdown-menu{-sm|-md|-lg|-xl}-start</code>.</p>
Button items
Active item
Disabled item
Header
Divider
Text item
Reference
Offset
Offset