/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

3 votes144 views2 answers
Html. strong
Html
0 vote154 views1 answer
Modal footer button center
Html
0 vote139 views1 answer
Html document 4.0
Html
0 vote160 views1 answer
Bootstrap dropdown in table
Html
4 votes146 views2 answers
Html textarea auto height to amount of text
Html
29 votes176 views5 answers
Add mailto in html
Html
3 votes218 views2 answers
Html select option disabled selected
Html
2 votes154 views3 answers
Emoji icon html
Html
0 vote277 views1 answer
To ensure user input is a link in html
Html
0 vote231 views1 answer
Coreui dropdown
Html