/Html/Bootstrap 4 Navbar Dropdown Menu Items Right

Bootstrap 4 Navbar Dropdown Menu Items Right

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

Source: stackoverflow.com

Bootstrap 4 Navbar Dropdown Menu Items 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>

Source: stackoverflow.com

Similar codes

2 votes124 views2 answers
Remove space between columns in Bootstrap 4
Html
0 vote171 views1 answer
Swagger decimal number format
Html
0 vote129 views1 answer
Selenium click not working
Html
0 vote125 views1 answer
App script send data back to html
Html
2 votes136 views4 answers
Bootstrap 5 dropdown
Html
-1 vote122 views1 answer
Jqury
Html
63 votes138 views5 answers
W3 jquery cdn
Html
0 vote127 views1 answer
Design college website using html
Html
77 votes144 views6 answers
Join array javascript
Html
0 vote134 views1 answer
Hirudhi map
Html