Bootstrap4で中央揃えをしてみる。

bootstrap4になり、簡単にcontainerクラスの中のブロック要素が中央揃えできるようになりました。

コード

html.html

<div class="container">
    <div class="row justify-content-md-center">
        <div class="col-md-auto">
            hogehoge
        </div>
    </div>
</div>

これでhogehoheのdiv要素が中央揃えになります。