您可以使用选择器:has()。例如，像这样（我不使用引导，只是演示的想法）：

.row {
  display: grid;
  grid-template-columns: 7fr 5fr;
  grid-gap: 30px;
}

.col-md-7:has(+ .col-md-5:empty) {
    grid-column: span 2;
}

.col-md-7,
.col-md-5 {
  padding: 15px;
  border: solid 1px #ccc;
}

.col-md-5:empty {
  display: none;
}

<div class="row">
  <div class="col-md-7">
    ... content 1 ...
  </div>
  <div class="col-md-5">
    ... content 2 ...
  </div>
  <div class="col-md-7">
    ... content 3 ...
  </div>
  <div class="col-md-5"></div>
</div>