Bootstrap Navbar Dropdown Menu Items Right
bootstrap-4, bootstrap-5, drop-down-menu
Solution
Bootstrap 5 (update 2021)
Use the `dropdown-menu-end` class on the `dropdown-menu` to align the items inside the menu right..
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Link</a>
<a class="dropdown-item" href="#">Link</a>
<a class="dropdown-item" href="#">Link</a>
</div>
https://codeply.com/p/kWLLKdjdpC
Bootstrap 4 (original answer)
Use the `dropdown-menu-right` class to align the items inside the menu right..
<div class="dropdown-menu dropdown-menu-right text-right">
<a class="dropdown-item" href="#">Link</a>
<a class="dropdown-item" href="#">Link</a>
<a class="dropdown-item" href="#">Link</a>
</div>
http://codeply.com/go/6Mf9aK0P8G
Problem
As you see in the picture below, when I click on the bell icon, a dropdown menu appears at the bottom-right of the icon. I want this dropdown menu to appear at bottom-left instead of bottom-right. What should I do? ``` <nav class="navbar"> <div class="container"> <div class="navbar-nav d-flex flex-row"> ... </div> </div> </nav> ```