如何在bootstrap中实现此网格?

时间:2017-12-18 11:10:14

标签: wordpress twitter-bootstrap woocommerce

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

example

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

1 个答案:

答案 0 :(得分:0)

有了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>