/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 vote105 views1 answer
How to embed applet in html
Html
16 votes134 views2 answers
Html tabulation
Html
0 vote131 views1 answer
How to embed a website in another website
Html
1 vote151 views2 answers
Set an image half its original size css
Html
8 votes144 views1 answer
How to specify amout of letters in inputfield in css
Html
0 vote144 views1 answer
Html table with sortable columns
Html
0 vote152 views1 answer
Javascript access collections of elements
Html
0 vote139 views1 answer
Vue paragraph not showing when class applied to it
Html
2 votes150 views1 answer
Html lien
Html
0 vote134 views1 answer
Boostrap base theme
Html