如何强制Bootstrap实现列紧凑排列，不受行内最高列高度影响？

当然可以实现，Bootstrap本身提供了几种方式来达成你要的布局效果，不用完全替换成原生Grid：

方案1：嵌套栅格（通用所有Bootstrap版本） #

把需要上下排列的列放在同一个父列中，是最直观的实现方式：

<div class="container">
  <div class="row">
    <!-- 第一列和第四列垂直嵌套 -->
    <div class="col-4">
      <div class="mb-3" style="background-color: #f8d7da; height: 100px;">
        First col
      </div>
      <div style="background-color: #a8c4da;">
        Fourth col
      </div>
    </div>
    <!-- 第二列 -->
    <div class="col-4" style="background-color: #d4edda; height: 400px;">
      Second col
    </div>
    <!-- 第三列 -->
    <div class="col-4" style="background-color: #cce5ff; height: 300px;">
      Third col
    </div>
  </div>
</div>

这种方式利用Bootstrap的嵌套栅格特性，让第四列自然紧贴第一列底部，其他列保持原高度，兼容性最好。

方案2：Bootstrap 5原生Grid类（推荐Bootstrap 5使用） #

Bootstrap 5内置了原生Grid布局的封装类，直接用这些类就能实现你要的紧凑排列：

<div class="container grid grid-cols-3 gap-3">
  <div style="background-color: #f8d7da; height: 100px;">
    First col
  </div>
  <div style="background-color: #d4edda; height: 400px;" class="row-span-4">
    Second col
  </div>
  <div style="background-color: #cce5ff; height: 300px;" class="row-span-3">
    Third col
  </div>
  <div style="background-color: #a8c4da;">
    Fourth col
  </div>
</div>

• grid：启用原生Grid布局
• grid-cols-3：设置3列布局
• gap-3：设置列间距（对应原生Grid里的grid-gap）
• row-span-4/row-span-3：控制列的跨行数，和原生Grid的grid-row: span效果一致

方案3：浮动布局（适用于Bootstrap 4及以下） #

通过调整row的布局模式为块级，结合浮动类实现紧凑排列：

<div class="container">
  <div class="row d-block">
    <div class="col-4 float-start" style="background-color: #f8d7da; height: 100px;">
      First col
    </div>
    <div class="col-4 float-start" style="background-color: #d4edda; height: 400px;">
      Second col
    </div>
    <div class="col-4 float-start" style="background-color: #cce5ff; height: 300px;">
      Third col
    </div>
    <div class="col-4 float-start" style="background-color: #a8c4da;">
      Fourth col
    </div>
  </div>
</div>

• d-block：把默认的flex布局row改成块级
• float-start：让列左浮动，短列下方的空间会被后续列自动填充

内容的提问来源于stack exchange，提问作者Alexis Dalai Waldo Jiménez