Bootstrap should use float-start, float-end instead of float-left, float-right to stop rtl confusion

Created by: wisamx

Now when using bootstrap in RTL I used to use this:

[dir=rtl] {
  .float-left {
    float: right;
  }
  .float-right {
    float: left;
  };
}

I think bootstrap should use float-start, float-end instead of float-left, float-right to stop rtl confusion, like this:

  .float-start {
    float: left;
  }
  .float-end {
    float: right;
  };

So I could write:

[dir=rtl] {
  .float-start {
    float: right;
  }
  .float-end {
    float: left;
  };
}