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

8 votes208 views1 answer
Remove space table html
Html
1 vote222 views2 answers
Bootstrap responsive sticky top
Html
23 votes226 views2 answers
Html display none
Html
11 votes250 views4 answers
Angular foreach html
Html
-1 vote251 views2 answers
How to make html body alway 100% height and width
Html
2 votes223 views1 answer
How to use unsplash images in html
Html
1 vote212 views1 answer
Ionic deactivate fab button
Html
0 vote228 views1 answer
Form hide in html
Html
0 vote222 views1 answer
React bootstrap navbar fixed
Html
1 vote208 views1 answer
Hotlink html
Html