在Bootstrap中如何获得两个不同尺寸的行

Question

我正在使用Bootstrap 3.我有两行.第一行有4x3列.第二行有一列3和1列9. 9列的高度是所有其他列的两倍.我想在第二行的第3列下面添加一列.我已经制作了一张图片来解释它.

绿色在一排,紫色在一排.我试图将黄色放在它自己的行中,但是它显示在左边但不是在小紫色块的底部.我还把小紫色和黄色的块放在同一行上,但它们彼此相邻显示,下面有90块.

Answer 1

为什么你不遵循这个

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

然后你可以用css欺骗它