bootstrap4.css
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
■フロート:Float:ユーティリティ:ブレイクポイントでフロートを切り替えるクラス

SM(small)以上で左寄せ MD (medium)以上で左寄せ LG (large)以上で左寄せ XL (extra-large)以上で左寄せ
  <span class="float-sm-right">SM(small)以上で左寄せ</span>
  <span class="float-md-right">MD (medium)以上で左寄せ</span>
  <span class="float-lg-right">LG (large)以上で左寄せ</span>
  <span class="float-xl-right">XL (extra-large)以上で左寄せ</span>