css - Bootstrap 4 网格格式

Question

有谁知道如何在引导程序 4 中执行这种类型的网格样式？

提前致谢。

Answer 1

Bootstrap 无法提供该网格系统。您当前想要的。为此创建自定义网格系统，与您分享一个示例

点击这里

Answer 2

Bootstrap 提供了一种在列中跨越行的方法，但它没有提供一种在行中跨越列的方法，也就是说，您不能跨越多行中的列。它在网格系统中是不可能的。您必须为此使用自定义 html 和 css。

Answer 3

尝试这个

<div class="container">
    <div class="row">
        <div class="col-xl-4">1</div>
        <div class="col-xl-8">
            <div class="row">
                <div class="col-xl-8">2</div>
                <div class="col-xl-4">3</div>
            </div>
            <div class="row">
                <div class="col-xl-4">4</div>
                <div class="col-xl-8">5</div>
            </div>
        </div>
    </div>
</div>