/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

0 vote194 views1 answer
Add csrf token in vuejs
Html
0 vote190 views1 answer
If the screen size is then link a css file html
Html
0 vote174 views1 answer
Js twice button click
Html
1 vote178 views1 answer
Css mark color
Html
9 votes183 views2 answers
Bootstrap ul no style
Html
6 votes188 views4 answers
Text animation css
Html
5 votes135 views1 answer
Vuejs router
Html
0 vote171 views1 answer
Datatable src
Html
34 votes186 views6 answers
Html color text
Html
6 votes171 views2 answers
Html meta redirect
Html