【mt-auto／mb-autoが効かない？】bootstrap4のmt-auto／mb-autoの使い方 harublog

【mt-auto／mb-autoが効かない？】bootstrap4のmt-auto／mb-autoの使い方

2020年12月4日2020年12月14日

mt-auto／mb-autoが効かない！？

flex-columnで縦並びにして、mt-autoやmb-autoを指定しただけでは希望の形にならない。高さを設定する必要がある。

出来ないVer

<div class="d-flex flex-column">

See the Pen wvzMEvL by haruka (@cube0118) on CodePen.

<div class="d-flex flex-column" style="height: 200px;">

See the Pen GRjoGPm by haruka (@cube0118) on CodePen.

ちなみに〇〇pxって指定できないよ〜って人は

横に高さが出る要素（画像や長文）があれば、height: 100%でも大丈夫！

<div class="d-flex flex-column" style="height:100%;">

See the Pen poEgONb by haruka (@cube0118) on CodePen.