/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

4 votes220 views5 answers
Text outline html
Html
0 vote221 views1 answer
Html sup tag
Html
0 vote227 views1 answer
Hambuerger button svg
Html
9 votes216 views1 answer
Html link to call phone number
Html
0 vote252 views1 answer
A column inside another column bootstrap html
Html
5 votes248 views4 answers
Is html a programming language
Html
1 vote223 views1 answer
Composer sail alias
Html
0 vote236 views1 answer
Prevent the child event from triggering the parent element angular 5
Html
13 votes232 views3 answers
How do i make a placeholder for a 'select' box
Html
0 vote230 views1 answer
Rovots.txt sitemap url
Html