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>

Answer 1

塔拉科你可以尝试一下

只需在开始处添加一个 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>