/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 vote272 views1 answer
Button accessible name html
Html
1 vote249 views1 answer
How to make modal non cloassable
Html
0 vote207 views2 answers
How to put image in navbar
Html
38 votes227 views4 answers
How to make new line in html paragraph
Html
0 vote242 views3 answers
Tailwind CSS dropdown
Html
1 vote170 views6 answers
Bootstrap 4 cdn
Html
0 vote270 views1 answer
Convert html table to csv powershell
Html
32 votes189 views4 answers
How to change mouse pointer into cursor icon when you hover
Html
0 vote195 views3 answers
Tailwind flex column
Html
1 vote209 views1 answer
Spacing between columns bootstrap 5
Html