Layout Bootstrap 4.0网格系统布局不工作

我试图用bootstrap做一个布局，但我不知道我做错了什么。我在里面放了两列6，第二列6，我在里面放了两列3，但不起作用。我是新手

代码如下：

A.
A.
A.
A.
A.
A.
A.
A.
A.
A.
A.
A.
一个
A.
A.
A.
A.
335

您只是缺少一个基本的引导“规则”。从

在网格布局中，内容必须放在列中，并且只能放置 列可以是行的直接子行

在引导程序4中，

.col-

未放置在

.row

中的

.col-

将垂直堆叠

一个
A.
A.
A.
A.

---

---

相关的：

<div class="row">
    <div class="col-12 col-sm-12 col-md-6 col-xl-6" style="border-left: solid 1px #ffbfbf;">
        <div style="height: 700px; background-color: #FF3355; border-radius: 15px;">a a a a a a</div>
    </div>
    <div class="col-12 col-sm-12 col-md-6 col-xl-6" style="border-left: solid 1px #ffbfbf;">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-6 col-xl-6" style="padding-right: 0px; padding-left:0px;border-left: solid 1px #ffbfbf;">
                <div style="height: 320px; background-color: #FF3355; border-radius: 15px;">a</div>
            </div>
            <div class="col-12 col-sm-12 col-md-6 col-xl-6" style="padding-right: 0px; padding-left:0px;border-left: solid 1px #ffbfbf;">
                <div style="height: 320px; background-color: #FF3355; border-radius: 15px;">a</div>
            </div>

            <div class="col-12 col-sm-12 col-md-6 col-xl-6" style="padding-right: 0px; padding-left:0px;border-left: solid 1px #ffbfbf;">
                <div style="height: 320px; background-color: #FF3355; border-radius: 15px;">a</div>
            </div>
            <div class="col-12 col-sm-12 col-md-6 col-xl-6" style="padding-right: 0px; padding-left:0px;border-left: solid 1px #ffbfbf;">
                <div style="height: 320px; background-color: #FF3355; border-radius: 15px;">a</div>
            </div>
        </div>
    </div>
</div>