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>