/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

14 votes228 views4 answers
Html input not editable
Html
-1 vote172 views1 answer
Input telefono html
Html
0 vote177 views1 answer
Html unidades de medida
Html
14 votes179 views5 answers
Convert string to boolean js
Html
2 votes201 views2 answers
Bootstrap modal popup backdrop false
Html
5 votes190 views10 answers
Bootstrap loader
Html
25 votes196 views6 answers
Navbar bootstrap 4
Html
-2 votes174 views1 answer
All codes of html
Html
0 vote164 views1 answer
Grid in html
Html
84 votes184 views4 answers
Justify content align items
Html