/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

-11 votes150 views9 answers
çeviri
Html
1 vote158 views1 answer
Dont allow user to drag image css
Html
1 vote165 views1 answer
Vue get data from slot template
Html
2 votes176 views1 answer
Vim set line wrap
Html
0 vote147 views3 answers
Html css text style on a word
Html
12 votes148 views3 answers
Basic video player html
Html
0 vote172 views1 answer
Html exemple
Html
0 vote172 views1 answer
Webpack Hot replace module unsafe-inline
Html
-1 vote96 views1 answer
Country list html
Html
0 vote146 views1 answer
Change api date
Html