Bootstrap4でお手軽上下左右中央揃え

中央揃えや下揃えでいろいろと苦労してきたけど、flex 時代になり、なおかつBootstrap4 を使用しているなら、d-flex でいとも簡単にできてしまう。

上下左右中央でこんなcssを書いたりしていましたが

Bootstrap4 なら

とするだけ。

簡単だわぁ♫

 

bootstrap4を使用していない場合だと、以下の通りです。