如何在页面上水平对齐bootstrap div？

<div class="row">
  <div class="col-md-6">
    <!-- 第一个div内容 -->
  </div>
  <div class="col-md-6">
    <!-- 第二个div内容 -->
  </div>
</div>

<div class="d-flex justify-content-center">
  <div>
    <!-- 第一个div内容 -->
  </div>
  <div>
    <!-- 第二个div内容 -->
  </div>
</div>

<div style="text-align: center;">
  <div style="display: inline-block;">
    <!-- 第一个div内容 -->
  </div>
  <div style="display: inline-block;">
    <!-- 第二个div内容 -->
  </div>
</div>