/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

0 vote160 views1 answer
Website html css
Html
0 vote224 views2 answers
Undefined index token in get_request_headers
Html
74 votes162 views6 answers
Html button link
Html
7 votes140 views4 answers
Html style attribute
Html
9 votes156 views2 answers
Bootstrap Outline buttons
Html
0 vote170 views1 answer
How to limit input file type to images
Html
0 vote175 views1 answer
Aligning image to middle in html
Html
37 votes170 views6 answers
Vertical center bootstrap
Html
0 vote158 views1 answer
Cambiar valor de atributo colspan jquery
Html
54 votes190 views6 answers
Html start
Html