/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

2 votes183 views1 answer
Best html emmet extension for vs code
Html
13 votes119 views1 answer
Git clone subdirectory only
Html
8 votes163 views2 answers
Javascript input field
Html
0 vote180 views1 answer
Create external application revit api
Html
9 votes191 views3 answers
V-bind
Html
1 vote274 views10 answers
Java
Html
0 vote169 views1 answer
Html place div on background image
Html
2 votes165 views1 answer
How to install font-aweseome usin npm
Html
0 vote219 views2 answers
Table row indexing
Html
5 votes169 views2 answers
Markdown to html
Html