bootstrap.bundle.js which contains Popper.js. Popper.js isn’t used to position dropdowns in navbars though as dynamic positioning isn’t required.
.btn can be turned into a dropdown toggle with some markup changes. Here’s how you can put them to work with either
The best part is you can do this with any button variant, too:
Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of
.dropdown-toggle-split for proper spacing around the dropdown caret.
We use this extra class to reduce the horizontal
padding on either side of the caret by 25% and remove the
margin-left that’s added for regular button dropdowns. Those extra changes keep the caret centered in the split button and provide a more appropriately sized hit area next to the main button.
Button dropdowns work with buttons of all sizes, including default and split dropdown buttons.
Place any freeform text within a dropdown menu with text and use spacing utilities. Note that you’ll likely need additional sizing styles to constrain the menu width.
Put a form within a dropdown menu, or make it into a dropdown menu, and use margin or padding utilities to give it the negative space you require.