/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

2 votes355 views1 answer
Etag header
Html
23 votes351 views6 answers
Body parser
Html
1 vote333 views1 answer
How to check where was the changes in a perticuler commit git
Html
0 vote364 views1 answer
Dark blue html code
Html
0 vote314 views1 answer
How to switch between read only input in html
Html
0 vote358 views1 answer
Tag field
Html
1 vote521 views1 answer
Generator html do css
Html
0 vote317 views1 answer
Telegram href link code
Html
0 vote355 views1 answer
How to use ID in HTML
Html
86 votes362 views6 answers
Markdown cheat sheet
Html