/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 vote105 views1 answer
Linkedin font awesome
Html
0 vote105 views1 answer
Html confirm box making text bold
Html
0 vote100 views1 answer
First div after css
Html
0 vote117 views1 answer
How to create bold text in html
Html
0 vote101 views1 answer
Html download file from server to client
Html
0 vote130 views1 answer
How to take input from user in html
Html
0 vote103 views1 answer
Checkbox checked border square CSS
Html
0 vote103 views3 answers
Prevent click other tab bootstrap tabs
Html
1 vote99 views3 answers
Change html div jquery
Html
4 votes103 views1 answer
Html change name in tab
Html