/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 vote170 views1 answer
Hand cursor not showing in anchor tag when hover html
Html
24 votes200 views5 answers
Gold Color hash code
Html
269 votes486 views2 answers
Font awesome icons
Html
1 vote188 views1 answer
Csrf token html form
Html
-1 vote163 views1 answer
Link style sheeet
Html
2 votes193 views1 answer
Metamask delete account
Html
11 votes187 views2 answers
Javascript for video mp4 link in html
Html
1 vote221 views1 answer
Ardhaan's world
Html
0 vote183 views1 answer
Give padding to label html
Html
0 vote178 views1 answer
Shopify custom html image tag src attribute
Html