列中固定宽度的引导卡(响应式)

我有一个 Bootstrap-card 但是它有一个问题 width . 我想那张卡片会占满我设置的栏目。这是我使用的一段代码和屏幕截图,它显示了实际的宽度和需要的(蓝色背景)。

你知道有什么好的方法可以帮我解决问题吗?请考虑回应意见。

<div class="row">
    <ng-container *ngFor="let event of events">
        <div class="col-12 col-lg-6 d-flex mt-5">
            <!-- Card -->
            <div class="card shadow-light-lg lift lift-lg">
                <a class="card-body my-auto">
                    <div class="d-flex justify-content-between align-content-center align-items-center py-3">
                        <!-- some content -->
                        <h3 class="mt-auto">
                            {{event.title}}
                        </h3>

                        <div class="mb-0 text-muted" id="card-description">
                            {{event.description}}
                        </div>
                    </div>
                </a>
            </div>
        </div>
        ...
    </ng-container>
</div>