/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 vote75 views1 answer
Convert xml to html python
Html
90 votes105 views6 answers
Bootstrap background color
Html
13 votes105 views3 answers
Bootstrap center button
Html
0 vote111 views1 answer
Boostrap base theme
Html
0 vote183 views1 answer
Bootstrap table same width
Html
6 votes100 views4 answers
Data
Html
0 vote128 views1 answer
Html peseta
Html
3 votes107 views1 answer
Responsive flexbox navbar
Html
7 votes107 views2 answers
Python find remove html tags
Html
-2 votes112 views2 answers
How to add a logo in html
Html