/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

1 vote296 views3 answers
Html center body
Html
87 votes280 views6 answers
Div align center
Html
0 vote277 views1 answer
Fix form refresh sites html
Html
0 vote297 views1 answer
How to set right to left font in html
Html
0 vote274 views1 answer
Html video on end
Html
0 vote281 views1 answer
Fa fa-wrench fa-2x sunflower
Html
2 votes275 views1 answer
Angular element onhover
Html
-1 vote276 views1 answer
Paragraph
Html
6 votes269 views4 answers
Radio
Html
0 vote269 views1 answer
Disable submit button after form validation
Html