bootstrap4.css
.float-left {
  float: left !important;
}
■フロート:Float:ユーティリティ:フロートを設定するクラス

float-left
float-right
float-none
  <span class="float-left">float-left</span><br>
  <span class="float-right">float-right</span><br>
  <span class="float-none">float-none</span>
■親要素でフロートを解除する:Clearfix:ユーティリティ:Floatクラス float-left float-right clearfixはあってもなくても同じみたい

左寄せ画像 右寄せ画像
  <div class="clearfix">
    <img src="https://via.placeholder.com/200x200" class="float-left" alt="左寄せ画像">
    <img src="https://via.placeholder.com/200x200" class="float-right" alt="右寄せ画像">
  </div>