/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

10 votes127 views3 answers
Text monospace bootstrap
Html
-1 vote127 views1 answer
Bootsrap link
Html
5 votes149 views4 answers
Javascript check if input is empty
Html
0 vote132 views1 answer
How to create seprate flex box for adding items into the box
Html
-1 vote202 views2 answers
Index.html?profile=Responsive:30 Uncaught ReferenceError: $ is not defined
Html
-1 vote123 views1 answer
Radio button group html jquery
Html
1 vote146 views3 answers
Html heading tag
Html
0 vote229 views2 answers
Random number text in html
Html
0 vote120 views1 answer
Postgres default port
Html
1 vote121 views1 answer
Disable autoplay in html iframe
Html