/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

7 votes130 views2 answers
Animate on scroll
Html
0 vote116 views1 answer
Html dd right align
Html
1 vote154 views1 answer
Bootstrap starter code
Html
214 votes165 views6 answers
Adding css to html
Html
0 vote124 views1 answer
Colspan 1.5
Html
0 vote216 views1 answer
ONLINE VIDEO CALL FOR MY WEBSITE CODE
Html
74 votes134 views6 answers
Html button link
Html
0 vote107 views1 answer
Custom elements cannot query slot tags html5
Html
0 vote118 views1 answer
Button disabled ionic
Html
1 vote121 views1 answer
Initial scale viewport
Html