如何使用bootstrap或css制作2行2列的加号样表？(如image-link所示)

<div class="container">
  <div class="row">
    <div class="col-md-6">
      <div class="box">
        <i class="fas fa-plus"></i>
      </div>
    </div>
    <div class="col-md-6">
      <div class="box">
        <i class="fas fa-plus"></i>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-6">
      <div class="box">
        <i class="fas fa-plus"></i>
      </div>
    </div>
    <div class="col-md-6">
      <div class="box">
        <i class="fas fa-plus"></i>
      </div>
    </div>
  </div>
</div>

.box {
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box i {
  font-size: 48px;
  color: #333;
}