Bootstrap4の<要素の配置>

ブロック要素

ブロック要素の左寄せ

.float-left

ブロック要素の右寄せ

.float-right

ブロック要素の中央揃え

.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>

コメント

タイトルとURLをコピーしました