html - 我如何在 css 或 bootstrap 中创建自定义列

Question

我通常使用 bootstrap 列和网格，但就在今天我尝试做一些完全不同的事情并且意识到我对 bootstrap 不是很好

我正在努力实现如下图所示的专栏 左边一个全高，右边两个半高

<div class="container-fluid col-md-12">
    <div class="col-md-6">
    </div>
    <div class="col-md-6">
    </div>
</div>

所以我在上面的代码中有类似的东西，我们都知道它并排给了我们两个相等的高度和宽度列，但我如何操纵它来给出图像中所需的内容？

注意:我将在所有三列中放置图像

Answer 1

只需在第二个 col-md-6 div 中添加两个 block div - 其余的是 css

<div class="container-fluid col-md-12">
    <div class="col-md-6">
    </div>
    <div class="col-md-6">
        <div class="block">
        </div>
        <div class="block">
        </div>
    </div>
</div>

查看 fiddle here