如何使巨型加速器在col md-6中放置在正中两侧？

<div class="container">
  <div class="row">
    <div class="col-md-3">
      <!-- 左侧巨型加速器内容 -->
    </div>
    <div class="col-md-6">
      <!-- 中间内容 -->
    </div>
    <div class="col-md-3">
      <!-- 右侧巨型加速器内容 -->
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-md-6 flex-container">
      <div class="flex-item">
        <!-- 左侧巨型加速器内容 -->
      </div>
      <div class="flex-item">
        <!-- 右侧巨型加速器内容 -->
      </div>
    </div>
    <div class="col-md-6">
      <!-- 中间内容 -->
    </div>
  </div>
</div>

<style>
.flex-container {
  display: flex;
  justify-content: space-between;
}

.flex-item {
  flex: 1;
}
</style>