/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
Vuejs v-model array
Html
0 vote219 views1 answer
How to call a function when dropdown menu's value is selected in html
Html
15 votes234 views6 answers
Html basic code
Html
0 vote212 views1 answer
Html detection vpn script
Html
0 vote207 views1 answer
Class 'html' not found
Html
5 votes211 views6 answers
Javascript tutorial
Html
0 vote232 views1 answer
Route link prop vue
Html
0 vote222 views1 answer
Prop sent via link has no spaces vuejs
Html
4 votes211 views1 answer
Enctype= multipart/form-data
Html
16 votes224 views6 answers
Mdbootstrap
Html