/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

1 vote267 views3 answers
Multiply function javascript
Html
1 vote265 views1 answer
How to show little description on hover html
Html
0 vote266 views1 answer
Detailed list html
Html
0 vote274 views1 answer
Vue pick 20 items from array
Html
4 votes368 views2 answers
Image drive inside html
Html
8 votes280 views2 answers
Play audio source on html
Html
0 vote287 views1 answer
Favicon specification
Html
14 votes300 views3 answers
How to download stuff html
Html
0 vote265 views1 answer
Html chat box
Html
18 votes282 views1 answer
Add css to an html file
Html