/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 vote324 views1 answer
Align image center of webpage
Html
0 vote303 views1 answer
Tailwind css text wrap
Html
33 votes295 views5 answers
Input type file accept only images
Html
0 vote276 views1 answer
Html5 use of section tag in onepage template
Html
-1 vote293 views2 answers
Html inline label
Html
3 votes275 views2 answers
Business card html template
Html
0 vote274 views1 answer
Rekenmachine online
Html
0 vote300 views1 answer
38 1,2
Html
0 vote343 views1 answer
Mat-tab height 100
Html
2 votes310 views4 answers
Meta property="og:description"
Html