/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

22 votes233 views3 answers
Basic html boilerplate
Html
0 vote212 views1 answer
Erc20 symbol format
Html
1 vote207 views1 answer
Load popper in html
Html
-1 vote229 views1 answer
Encode plus sign in url
Html
0 vote224 views1 answer
Readme md link in code
Html
3 votes222 views1 answer
Html form date of birth
Html
23 votes207 views1 answer
Accept only image input file
Html
0 vote215 views1 answer
Internal link css
Html
0 vote222 views1 answer
Render html view react native
Html
1 vote223 views1 answer
Dutch phone pattern html
Html