v2.5.2
Giriş yap

Cardları yanyana alamadım

rephp7
577 defa görüntülendi ve 1 kişi tarafından değerlendirildi
1 4 
<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 ?

html php
Cevap yaz
Cevaplar (4)
makifgokce
1014 gün önce

sığmadığı için altlata sıralanıyordur.col-md-3 yeribe col yaz sadece öyle dene

1
#006571
mami
1015 gün önce

kartların sıralanacağı bölüme display: flex; verirseniz yan yana gelirler.
foreach ile 4 sayıda bir yeni div kapatıp açmasını ayarlarsanız düzgün bir şekilde sıralanır.

1
#006566
rephp7
1015 gün önce

@makifgokce, yok hocam olmuyor. hiç foreach ile card çoğaltmadım ondan mıdır nedir bir türlü olmuyor.

0
#006563
makifgokce
1015 gün önce

aşağıdaki gibi yap

<div class="row">
    <div class="col-md-8 col-sm-6 mb-4 ">
        <div class="row">
            <div class="col-md-3">
                <!-- Card 1 -->
            </div>
            <div class="col-md-3">
                <!-- Card 2 -->
            </div>
        </div>
    </div>
</div>
0
#006562