/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 vote217 views1 answer
Html ecrire en gras
Html
43 votes230 views6 answers
Line break html
Html
1 vote225 views1 answer
Component in ejs
Html
12 votes190 views5 answers
Axios github
Html
0 vote191 views1 answer
Bootstrap datepicker format dd-mm-yyyy
Html
19 votes188 views4 answers
Google material icons
Html
5 votes225 views2 answers
Html to markdown
Html
1 vote284 views1 answer
Lien dans un nouvel onglet html
Html
1 vote228 views1 answer
Sendgrid mail api disable tracker
Html
0 vote200 views1 answer
Herf
Html