/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

2 votes240 views1 answer
Html inline style margin
Html
0 vote232 views1 answer
Html cache api checker
Html
2 votes274 views1 answer
Disable input type button in html
Html
0 vote267 views1 answer
In what language is html written
Html
0 vote275 views1 answer
Xpath select td class contains text
Html
1 vote283 views2 answers
Vue 3 emits
Html
3 votes255 views2 answers
Contenteditable onchange
Html
0 vote268 views1 answer
How to keep audio in the web html
Html
0 vote274 views2 answers
Mailchimp form action
Html
47 votes270 views6 answers
Html mail
Html