Created by: ysds
Fixes #25019 (closed)
Add responsive alignment classes:
- Left to Right:
.dropdown-menu{-sm|-md|-lg|-xl}-right
- Right to Left:
.dropdown-menu{-sm|-md|-lg|-xl}-left
Basically Popper.js automatically adjust the position of dropdown menus, but its feature is disabled in navbars. These new responsive classes allow responsive alignment when use dropdown in navbars or disabling Popper.js manualy by data-display="static"
option.
Demo: https://codepen.io/anon/pen/LdaxXq
Sorry I'm not a native English seaker, please let me know if the document is wrong.