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>

View another examples Add Own solution

Awgiedawgie 440220 points

                                        &lt;div class=&quot;dropdown-menu dropdown-menu-end&quot;&gt;
        &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Link&lt;/a&gt;
        &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Link&lt;/a&gt;
        &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Link&lt;/a&gt;
    &lt;/div&gt;

Thank you! 10

4 (11 Votes)

4.17

Awgiedawgie 440220 points

                                    Bootstrap 5 (update 2021)

Use the dropdown-menu-end class on the dropdown-menu to align the items inside the menu right..

    &lt;div class=&quot;dropdown-menu dropdown-menu-end&quot;&gt;
        &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Link&lt;/a&gt;
        &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Link&lt;/a&gt;
        &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Link&lt;/a&gt;
    &lt;/div&gt;
https://codeply.com/p/kWLLKdjdpC

Bootstrap 4 (original answer)

Use the dropdown-menu-right class to align the items inside the menu right..

    &lt;div class=&quot;dropdown-menu dropdown-menu-right text-right&quot;&gt;
        &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Link&lt;/a&gt;
        &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Link&lt;/a&gt;
        &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Link&lt;/a&gt;
    &lt;/div&gt;
http://codeply.com/go/6Mf9aK0P8G

Thank you! 5

4.17 (6 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category Html

Html 2022-03-27 21:55:05 how to kill html
Html 2022-03-27 21:55:02 How to create web urls without extensions
Html 2022-03-27 21:45:11 space between 2 h tags without break
Html 2022-03-27 21:40:13 how to resize submit button in html
Html 2022-03-27 20:40:18 https://www.codegrepper.com
Html 2022-03-27 19:55:09 show image inside table with innerhtml
Html 2022-03-27 19:30:47 html email input
Html 2022-03-27 18:45:01 how to add favicon in html
Html 2022-03-27 18:15:21 picture html
Html 2022-03-27 18:15:11 ex: javaasdasdasdasd

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

bootstrap nav dropdown right bootstrap dropdown navbar right bootstrap 4 dropdown button dropdown buttons bootstrap 4 bootstrap menu dropdown bootstrap4 dropdown bootstrap nav combobox fixed dropdown button in bootstrap 4 bootstrap dropdown navbar doropdown in adropdown bootstrap 4 align nav dropdown right bootstrap 4 align dropdown items right drop down list with li bootrasp 4 bootstrap navbar right dropdown bootstrap 4 navbar dropdown right side dropdown menu classes bootstrap how to put drop down on right of nav bar bootstrap 4 navbar dropright bootstrap navbar dropdown right

bootstrap navbar dropdown right

Welcome Back!

Create a Free Account