在div中居中容器

Question

我已经创建了此导航，并且需要将容器居中到页面的水平中间。这是我的codepen，这是 the div i need to center

<div class="container h-100 d-flex">
        <div class="row align-items-center">
            <div class="col-12"><h1 class="text-white">Bad Boys’ Hair</h1></div>
            <div class="col-12"><a href="reservation" class="btn btn-outline-secondary reservation_btn">Rezervace</a></div>
        </div>
    </div>

我已经尝试过了，但是仍然无法在页面的水平中间移动它。