Columnnya cardnya tidak kesamping malah kebawah

Kalau ingin kesamping struktur htmlnya coba seperti ini Kak

<div class="row">

<div class='col-lg-6'>

//card

</div>

<div class='col-lg-6'>

//card

</div>

</div>

---- contohnya seperti ini Kak -----

<div class="row">

            <div class="col-lg-6 mb-4">

                <div class="card">

                    <img class="card-img-top" src="" alt="">

                    <div class="card-body">

                        <h5 class="card-title">Card title</h5>

                        <p class="card-text">

                            Some quick example text to build on 

                            the card title and make up the bulk 

                            of the card's content.

                        </p>

                        <a href="#" class="btn btn-outline-primary btn-sm">

                            Card link

                        </a>

                        <a href="#" class="btn btn-outline-secondary btn-sm">

                            <i class="far fa-heart"></i></a>

                    </div>

                </div>

            </div>

            <div class="col-lg-6 mb-4">

                <div class="card">

                    <img class="card-img-top" src="" alt="">

                    <div class="card-body">

                        <h5 class="card-title">Card title</h5>

                        <p class="card-text">

                            Some quick example text to build on the 

                            card title and make up the bulk of the 

                            card's content.

                        </p>

                        <a href="#" class="btn btn-outline-primary btn-sm">

                            Card link

                        </a>

                        <a href="#" class="btn btn-outline-secondary btn-sm">

                            <i class="far fa-heart"></i></a>

                    </div>

                </div>

            </div>

        </div>

#CMIIW