/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 vote142 views1 answer
Html input date set default value today
Html
1 vote149 views1 answer
Empty link html
Html
0 vote137 views1 answer
Dark mode favicon
Html
0 vote138 views1 answer
Print html table
Html
0 vote135 views1 answer
Fa link
Html
0 vote138 views1 answer
Js coding practices airbnb
Html
0 vote144 views1 answer
Full screen button in video tag html5
Html
1 vote148 views2 answers
Readme.md text color
Html
0 vote135 views1 answer
Dijit/form/Textarea
Html
30 votes138 views2 answers
Html space between characters
Html