我刚刚开始使用有关我的网格系统的 Bootstrap 帮助

Question

我已经尝试了几个小时，我找不到解决方案，我应该如何制作我拥有的这个网格系统？

在我尝试的系统中，当我将侧面的山口高度拉长时，会出现间隙。

//HTML

     <div class="row align-item-center justify-content-around ">
          <div class="box1 col ">col1</div>
          <div class="box1 col  ">col1</div>
          <div class="box1 col  ">col1</div>
          <div class="box1 col  ">col1</div>
          <div class="box1 col  ">col1</div>
        </div>

    <div class="row  align-item-center justify-content-between ">
            <div class="box2 col-2 ">col1</div>
            <div class="box2 col-2  ">col1</div>
            <div class="box2 col-2  ">col1</div>
            <div class="box3 col-4  ">col12</div>
         
          </div>

          <div class="row  justify-content-start ">
            <div class="box4 col-2 ">col1</div>
            <div class="box5 col-4 ">col1</div>
            
         
          </div>