bootstrap mixin for rtl

scss

@mixin rtl() {
  html[dir=rtl] & {
    @content;
  }
}

// float element right in rtl
@mixin float-columns-right($class, $i: 1, $list: ".col-#{$class}-#{$i}") {
  @for $i from (1 + 1) through $grid-columns {
    $list: "#{$list}, .col-#{$class}-#{$i}";
  }
  #{$list} {
    @include rtl(){
      float: right;
    }
  }
}

@include float-columns-right(xs);
@media (min-width: $screen-sm-min) {
   @include float-columns-right(sm);
}
@media (min-width: $screen-md-min) {
   @include float-columns-right(md);
}
@media (min-width: $screen-lg-min) {
   @include float-columns-right(lg);
}