/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 vote221 views1 answer
Plantuml multiline footer
Html
4 votes238 views3 answers
Iframe youtube autoplay not working
Html
0 vote218 views1 answer
Add favorite icon to website html
Html
1 vote228 views1 answer
Html logo png
Html
0 vote223 views1 answer
Mark the workd in html
Html
1 vote240 views2 answers
Html video disable controls
Html
1 vote229 views2 answers
Thymeleaf input radio checked
Html
3 votes243 views2 answers
Html style display none inline
Html
1 vote237 views1 answer
Hide top bar menu item odoo
Html
0 vote233 views2 answers
Auto complete display name instead of value
Html