如何在 bootstrap 4 中创建如图所示的行和列？

Question

我必须在 bootstrap 4.

中创建如下图所示的布局

https://i.stack.imgur.com/JqJEJ.jpg

Answer 1

我做了一个。检查此代码：

<div class="container">
    <div class="row">
        <div class="col-md-12 col-lg-6 d-flex align-items-md-stretch">
            <div class="jumbotron ">
               Post 5 Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.
            </div>
        </div>
        <div class="col-md-12 col-lg-6">
            <div class="row">
                <div class="col-sm-12 col-md-6">
                    <div class="jumbotron">
                     post 1   Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs
                    </div>
                </div>
                <div class="col-sm-12 col-md-6">
                    <div class="jumbotron">
                    post 2    Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs
                    </div>
                </div>
                <div class="col-sm-12 col-md-6">
                    <div class="jumbotron">
                    post3    Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs
                    </div>
                </div>
                <div class="col-sm-12 col-md-6">
                    <div class="jumbotron">
                    post 4    Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

如何在 bootstrap 4 中创建如图所示的行和列？

how to create row and columns in bootstrap 4 like the picture?

bootstrap-4

bootstrap-grid