在 Bootstrap 5 中制作網格系統

Question

我想在 bootstrap 5 中制作類似這個圖像的東西。 圖片

我也想在每三個里面添加圖像。 如何使用引導網格系統執行此操作？

Answer 1

這應該是您設計的原始 Bootstrap flex box 布局：

<div class="container">
  <div class="row">
    <div class="col-6">
      <div class="row flex-column">
       <div>
        <img>
       </div>
       <div>
        <img>
       </div>
      </div>
    </div>
    <div class="col-6">
      <img>
    </div>
  </div>
</div>