is now part of Shuffle™. You can use the editor on this domain, but we encourage you to try Shuffle →. Shuffle™ includes templates for Bootstrap, Bulma, Material-UI, and Tailwind CSS.

Bootstrap class: .dropright

<div class="btn-group dropright">
  <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  <div class="dropdown-menu" x-placement="right-start" style="position: absolute; transform: translate3d(111px, 0px, 0px); top: 0px; left: 0px; will-change: transform;">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>


Tips 💡

Sass source

/* _button-group.scss:81 */
.dropright &::after {
  margin-left: 0;

/* _dropdown.scss:56 */
.dropright {
  .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: $dropdown-spacer;

  .dropdown-toggle {
    @include caret(right);
    &::after {
      vertical-align: 0;

Uses variables

Code copied to the clipboard.

Copying failed

/* _button-group.scss:81 */

/* _dropdown.scss:56 */

More in Bootstrap Dropdowns