css - 一列多行

Question

有可能实现这一目标吗？

通过稍微修改此代码？

<div class="row">
    <div class="col-md-3"></div>
    <div class="col-md-6"></div>
    <div class="col-md-3"></div>
</div>

编辑 我可以使用下面的方法来实现这一点。我想知道是否还有其他简单的方法。

<div class="row">
    <div class="col-md-3"></div>

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

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

</div>

标签： cssbootstrap-4grid

Answer 1

tarako 你可以试试

只需在开始中添加一个div并添加其height加号隐藏较低的div

<div class="row">
    <div style="height:10px(according to you)" class="col-md-3"></div>
    <div class="col-md-6"></div>
    <div class="col-md-3"></div>
</div>