引导卡宽度相同

Answer 1

在 div 块中将

col-lg-3

更改为

col-lg-auto

，以便它在屏幕上占据相同的宽度

Answer 2

尝试使用 .card-columns 类，如下所示：

<div class="card-columns">

    <div id="card1" class="card">
        
        <img class="card-img-top" src="" alt="Card image cap">

        <div class="card-body">
            <h5 class="card-title">
                CARD 1 TITLE
            </h5>
        </div>

        <div class="card-body">
            CARD 1 BODY
        </div>

    </div>
    
    <div id="card2" class="card">
        
        <img class="card-img-top" src="" alt="Card image cap">

        <div class="card-body">
            <h5 class="card-title">
                CARD 2 TITLE
            </h5>
        </div>

        <div class="card-body">
            CARD 2 BODY
        </div>

    </div>

</div>

并删除 row 和 col div，卡片列类负责剩下的