<div class="row">
    <div class="col-md-8 col-sm-6 mb-4 ">
    <?php
    ...
    $XML   = simplexml_load_string($URL);

    foreach ($XML->entry as $icerik) {
        
        $baslik = $media->group->title . "<br>";
        
    ?>

        <div class="col-md-3">
            <div class="card border-info mb-2">
                <h5 class="card-header"><?= $baslik ?></h5>
                <div class="card-body">
                    <div class="embed-responsive embed-responsive-16by9">
                        <iframe class="embed-responsive-item" src=""></iframe>
                    </div>
                    <p class="card-text">
                    </p>
                </div>
                <div class="card-footer">
                   
                </div>
            </div>
        </div>

    <?php  }    ?>

    </div>

    <div class="col-md-4 col-sm-6 mb-4 ">
    </div>
    
</div
    

Ne yaptıysam Bootstrap4 cardları yanyana alamadım. alt alta sıralanıyor. cardlar her satırda 3 tane yanyana gelecek şekilde nasıl sıralanabilir ?