Bootstrap navbar dropdown 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>

Source: stackoverflow.com

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/kWLLKdjdpCBootstrap 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

10 votes149 views3 answers
Img base 64
Html
0 vote158 views1 answer
Regex find html comment
Html
0 vote173 views1 answer
7th science book
Html
0 vote150 views1 answer
Disable close from screen modal popup
Html
1 vote159 views1 answer
Basecamp 3 api tag mention
Html
0 vote151 views1 answer
H = (h < 10) ? "0" + h : h;
Html
0 vote164 views1 answer
What is the best class for lists in html
Html
0 vote152 views1 answer
Html dd right align
Html
1 vote172 views1 answer
What is min attribute in password
Html
5 votes194 views4 answers
How to directly transfer data from html to controller in laravel
Html