水平方向のセンター寄せ（左右中央）
<div class="d-flex justify-content-center">
中央
</div>
垂直方向のセンター寄せ（上下中央）
<div class="d-flex align-items-center" style="height: 200px;">
中央
</div>
完全中央（上下左右どちらも中央）
<div class="d-flex justify-content-center align-items-center" style="height: 200px;">
完全中央
</div>