/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

0 vote127 views1 answer
Href seo
Html
1 vote143 views1 answer
Jquery ajax add loading
Html
1 vote160 views2 answers
Add a floating call/phone button in html
Html
3 votes169 views1 answer
Toggle on-click button vue
Html
14 votes137 views3 answers
How to download stuff html
Html
1 vote141 views1 answer
Async pipe ngfor
Html
0 vote136 views1 answer
Table broken html after change page
Html
3 votes138 views1 answer
Horizontal line html react
Html
63 votes142 views2 answers
How to open link in new tab
Html
1 vote130 views1 answer
Typo3 pass argument to action
Html