当屏幕在XS上时，如何使用Bootstrap将div居中

<div class="container">
  <div class="row">
    <div class="col-xs-12">
      <div class="center-div">
        <!-- 这里是要居中的内容 -->
      </div>
    </div>
  </div>
</div>

.center-div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 可根据需要调整高度 */
}