/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 vote185 views1 answer
Ruin
Html
78 votes223 views3 answers
Html url
Html
0 vote196 views2 answers
How to increase size of input submit type in html
Html
0 vote205 views1 answer
Hll
Html
4 votes182 views1 answer
Rs logo html
Html
0 vote179 views1 answer
Laravel route generating url named routes
Html
1 vote196 views2 answers
Html multiple ids
Html
25 votes185 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).
Html
1 vote319 views1 answer
Two buttons in same form
Html
1 vote218 views1 answer
Allow xlsx and csv files rails file field accept values
Html