/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

-1 vote139 views2 answers
Simplecss cdn
Html
2 votes203 views2 answers
Html empty character
Html
0 vote151 views1 answer
Show html files from firebase android studio
Html
0 vote136 views1 answer
Laravel route generating url named routes
Html
44 votes144 views3 answers
Link to another page in html
Html
17 votes137 views1 answer
Add tabs html
Html
3 votes132 views3 answers
Add icon to website tab
Html
5 votes146 views4 answers
Laravel route optional parameters
Html
3 votes155 views4 answers
Bootstrap table hover
Html
0 vote150 views1 answer
Overlay text input html
Html