Bootstrap navbar dropdown 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>

Source: stackoverflow.com

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/kWLLKdjdpCBootstrap 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 vote341 views1 answer
Slick slider slidestoshow auto
Html
0 vote333 views1 answer
Divs
Html
1 vote310 views1 answer
Html datetime-local format dd/mm/yyyy
Html
0 vote306 views1 answer
Scroll to a section of your page html
Html
0 vote326 views1 answer
How to set right to left font in html
Html
0 vote291 views1 answer
Image slider html
Html
0 vote284 views1 answer
Hide first option in select
Html
-1 vote311 views1 answer
Redirect to a new tab inm html
Html
0 vote272 views1 answer
Metro ui
Html
1 vote319 views1 answer
Vue submit reloads page
Html