bootstrap 动态合并列的问题

Question

如图类似这种

Answer 1

这种场景最适合用grid布局
grid布局 mdn

Answer 2

运用bootstrap 下的栅格布局可以达成这样的需求 https://getbootstrap.com/docs...
大概写法是:

<div class="row">
    <div class="col-4"></div>
    <div class="col-8">
        <div class="row">
            <div class="col-4"></div>
            <div class="col-4"></div>
            <div class="col-4"></div>
        </div>
        <div class="row">
            <div class="col-4"></div>
            <div class="col-4"></div>
            <div class="col-4"></div>
        </div>
    </div>
</div>