bootstrap4.css
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
■フロート：Float：ユーティリティ：ブレイクポイントでフロートを切り替えるクラス
<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>