/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 votes180 views1 answer
Svg xmlns
Html
2 votes234 views6 answers
Tailwind css button
Html
0 vote172 views1 answer
Fa fa hand down
Html
0 vote202 views2 answers
Mark html element
Html
0 vote186 views1 answer
How to add send call in html
Html
-1 vote188 views2 answers
Bootstrap 5 change size of icon
Html
0 vote209 views1 answer
Link node module in html
Html
0 vote184 views1 answer
Twig lower string
Html
4 votes185 views2 answers
Html metatags for facebook
Html
6 votes187 views3 answers
Bootstrap 5 horizontal rule
Html