HTML

how to center html element in bootstrap 5

<!--Grid row-->
<div class="row d-flex justify-content-center">
  <!--Grid column-->
  <div class="col-md-6">
    This column is centered
  </div>
  <!--Grid column-->
</div>
<!--Grid row-->

bootstrap 5 div center

container d-flex align-items-center justify-content-center

class="container d-flex align-items-center justify-content-center"