我已经创建了此导航,并且需要将容器居中到页面的水平中间。这是我的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>
我已经尝试过了,但是仍然无法在页面的水平中间移动它。