Bootstrap4の＜要素の配置＞

ブロック要素

ブロック要素の左寄せ

.float-left

ブロック要素の右寄せ

.float-right

ブロック要素の中央揃え

.d-block .mx-auto

インライン要素

インライン要素の左寄せ

.text-left

インライン要素の右寄せ

.text-right

インライン要素の中央寄せ

.text-center

列

列の左寄せ

<div class=“row justify-content-center“>

</div>

列の中央揃え

<div class=“row justify-content-end“>

</div>

列の右寄せ

<div class=“row justify-content-around“>

</div>