/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

3 votes306 views3 answers
Pattern for email id in html
Html
0 vote320 views1 answer
Livewire wire loading remove attribute
Html
9 votes293 views3 answers
On click in a tag
Html
0 vote327 views2 answers
How over mouse play video hml
Html
5 votes293 views1 answer
A tag open in new tabn
Html
0 vote334 views1 answer
Html how to use special characters with font
Html
5 votes320 views1 answer
Favicon for html page
Html
4 votes303 views2 answers
Ionic route navigation
Html
1 vote327 views1 answer
Html load page at certain point
Html
1 vote305 views1 answer
Js on page finished loading
Html