如何在bootstrap中实现此网格？

Question

引导程序中的列定义是什么来构建这种UI？

我正在使用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>