1Bootstrap 5 (update 2021)
2
3Use the dropdown-menu-end class on the dropdown-menu to align the items inside the menu right..
4
5 <div class="dropdown-menu dropdown-menu-end">
6 <a class="dropdown-item" href="#">Link</a>
7 <a class="dropdown-item" href="#">Link</a>
8 <a class="dropdown-item" href="#">Link</a>
9 </div>
10https://codeply.com/p/kWLLKdjdpC
11
12Bootstrap 4 (original answer)
13
14Use the dropdown-menu-right class to align the items inside the menu right..
15
16 <div class="dropdown-menu dropdown-menu-right text-right">
17 <a class="dropdown-item" href="#">Link</a>
18 <a class="dropdown-item" href="#">Link</a>
19 <a class="dropdown-item" href="#">Link</a>
20 </div>
21http://codeply.com/go/6Mf9aK0P8G
1 <div class="dropdown-menu dropdown-menu-end">
2 <a class="dropdown-item" href="#">Link</a>
3 <a class="dropdown-item" href="#">Link</a>
4 <a class="dropdown-item" href="#">Link</a>
5 </div>
6