/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

17 votes327 views3 answers
Required option for select tag
Html
0 vote338 views1 answer
Minimum html document vs code shortcut
Html
0 vote300 views1 answer
Nativescript scrollview full height
Html
0 vote307 views1 answer
Music from stick with it
Html
-1 vote335 views3 answers
Vue if
Html
0 vote322 views1 answer
Footer ionic
Html
0 vote310 views1 answer
V-on hover
Html
0 vote311 views1 answer
Html img src background
Html
0 vote315 views1 answer
How to make multiple pages html
Html
13 votes328 views4 answers
Sticky top bootstrap 4
Html