如何在bootstrap中实现此网格？

Question

创建这种UI时，bootstrap中的列定义是什么？

我正在使用woocommerce处理我的商店和bootstrap4为网格。

Answer 1

有了详细记录的bootstrap4 grid，您可以使用下面的示例来实现您的示例的引导版本

<div class="container">
    <div class="row">
        <div class="col-2"></div>
        <div class="col-7">
            <div class="row">
                <div class="col"></div>
                <div class="col"></div>
                <div class="col"></div>
            </div>
            <div class="row">
                <div class="col"></div>
                <div class="col"></div>
                <div class="col"></div>
            </div>
        </div>
        <div class="col-3"></div>
    </div>
</div>