Html 如何根据用户需求升级引导网格

朋友们好 我将尝试像这样调整引导网格，但没有成功，因为在这张图片中有任何类似的选项。 下面是我的代码：

<div class="row">
        <div class="col-md-4">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
        </div>
        <div class="col-md-4">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
        </div>
        <div class="col-md-4">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
        </div>
        <div class="col-md-4">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
        </div>
        <div class="col-md-4" style="height: 400px;">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
        </div>
        <div class="col-md-4">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
        </div>
        <div class="col-md-4">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
        </div>
        <div class="col-md-4">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
        </div>
    </div>

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

在md4的单亲div中使用两个md4，然后在其中使用md12。我已经给你提供了一个片段，你可以检查一下。运行完整的页面代码段，因为您刚刚使用了md-4，所以它将在桌面屏幕上像这样工作。或者，如果你想在手机屏幕上使用同样的结构，也可以使用xs-4

p组{
背景：黑色；
}
Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

在md4的单亲div中使用两个md4，然后在其中使用md12。我已经给你提供了一个片段，你可以检查一下。运行完整的页面代码段，因为您刚刚使用了md-4，所以它将在桌面屏幕上像这样工作。或者，如果你想在手机屏幕上使用同样的结构，也可以使用xs-4

p组{
背景：黑色；
}
Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

您好，我已经为您提供了答案。。我无法正确解释，所以如果你不明白，请告诉我。你想像Pinterest一样进行布局吗？嗨，我已经为你提供了答案。。我无法正确解释，所以如果您不理解，请告诉我。是否要像Pinterest一样进行布局？单击时显示错误“运行代码段。@HTMLGuruz在这里看不到错误。。。在整个页面上运行它，因为在小屏幕上它并没有被应用，因为他使用了MD4。非常感谢你，鲁帕尔，我理解它，并按照我想要的做了。再次感谢你！感谢@AlivetoDieError在我单击“运行代码片段”时显示出来。@HTMLGuruz在这里没有看到错误…并在整个页面上运行它，因为在小屏幕上它没有应用，因为他使用了MD4。非常感谢你，Rupal，我理解它，并按照我的意愿去做。再次感谢！感谢@AlivetoDie