Grid 引导4列卡重叠

我试着把4张牌放在一排。当我放两张牌时，间距相等。但是当我把第三张卡片放在同一行时，尽管使用了相同的代码，它还是与另一张卡片重叠。我试图更改该值，但无效。如何在不使用自定义css的情况下解决此问题？

试试这个

Cras justo odio
Dapibus ac设施在
Morbi leo risus
Porta ac concetetur ac
eros的前庭

最近售出的商品
卡片标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
卡片标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
卡片标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分

三张卡片中的第一张有一个打字错误：

clas=

而不是

class=

...

最近售出的商品
..
..
..
..

然后删除第二行分类divtry@HiteshKansagara什么？如果我删除它，那么它将不再在同一行中。我想要的是同一行中的卡片第一个div与类行一起将其保持在同一行您是否如我所说的那样尝试过？谢谢@Anu，但这一次它会将列带到下一行，使其不在同一行中对齐。网格系统基于每行12个网格。因此，这可能是因为您的网格超过了每行12个网格。可能会调整每张卡的网格大小？@xxfirexx完成了此工作？--请接受回答

<div class="container-fluid">
    <div class="row">
        <div class="col-3">
            <ul class="list-group">
                ...
            </ul>
        </div>
        <div class="col-9">
            <h4>Recently sold items</h4>
            <div class="row">
                <div class="col-lg-3">
                    <div class="card">
                        ..
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="card">
                        ..
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="card">
                        ..
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="card">
                        ..
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>