Bootstrap 4网格格式

时间:2018-05-26 07:14:40

标签: css bootstrap-4 bootstrap-grid

有没有人知道如何在bootstrap 4中执行这种类型的网格样式?

提前致谢。

enter image description here

3 个答案:

答案 0 :(得分:1)

Bootstrap无法提供网格系统。你现在想要的。 为此创建自定义网格系统,与您共享一个示例

Click here

答案 1 :(得分:0)

试试这个

<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>

答案 2 :(得分:0)

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