/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

9 votes239 views3 answers
On click in a tag
Html
0 vote239 views1 answer
How to make clicking button send you down to a certain section of page html
Html
0 vote253 views1 answer
How to make div accessable with tab
Html
0 vote252 views1 answer
Failed to load resource: the server responded with a status of 404 (not found) favicon
Html
0 vote230 views1 answer
Http://arnav.tcode.in/
Html
0 vote226 views2 answers
Html5 vs css3
Html
0 vote246 views1 answer
How to check if html table is empty using jquery
Html
1 vote248 views1 answer
Regex remove html comment
Html
0 vote238 views1 answer
"downloads.wkhtmltopdf.org"
Html
34 votes255 views6 answers
Html color text
Html