Bootstrap Navbar Dropdown Menu Items Right

by

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

More Related Contents:

  1. Bootstrap align navbar items to the right
  2. Change navbar color in Twitter Bootstrap
  3. Bootstrap 4 – Glyphicons migration?
  4. Center the content inside a column in Bootstrap
  5. Bootstrap Center Vertical and Horizontal Alignment
  6. How to hide collapsible Bootstrap navbar on click
  7. Left align and right align within div in Bootstrap
  8. Bootstrap change navbar color
  9. Vertical alignment in Bootstrap 4
  10. Disable responsive (mobile) navbar in Bootstrap
  11. Align nav-items to right side in bootstrap-4 [duplicate]
  12. Flush footer to the bottom of the page in bootstrap 4
  13. Why is the Bootstrap Navbar always collapsed? [duplicate]
  14. Bootstrap 3, 4 and 5 .container-fluid with grid adding unwanted padding
  15. Using media breakpoints in Bootstrap 4-alpha
  16. Bootstrap – I don’t want columns to have the same height
  17. What happened to the .pull-left and .pull-right classes in Bootstrap 4?
  18. Unable to override $theme-color in bootstrap
  19. Bootstrap dropdown sub menu missing
  20. Order columns through Bootstrap4
  21. How can I close a dropdown on click outside?
  22. How can I limit the visible options in an HTML dropdown?
  23. How to create a drop-down list?
  24. Bootstrap – align button to the bottom of card
  25. drop-down checkbox input in shiny
  26. How to add a RequiredFieldValidator to DropDownList control?
  27. Trigger click on select box on hover
  28. DropDownList’s SelectedIndexChanged event not firing
  29. How to properly introduce a light/dark mode in Bootstrap?
  30. How to get horizontal scroll bar in select box in IE?

Leave a Comment