Карта DIV неуместна в другом ряду

Question

Я пытаюсь заставить свою карту Div оставаться рядом с моей другой карточной платой, а также не высовываться. Первый работает отлично, но я не знаю, как разместить следующий прямо рядом с первым ...

$sql = "SELECT * FROM beitrag WHERE beitrag_id=97 OR beitrag_id=98";
$res = mysqli_query($db, $sql) or die(mysqli_error());

if(mysqli_num_rows($res) > 0) {

$beitrag = "    
    <div class='pagecontainer'>
        <div class='container'>
        <div class='jumbotron p- p-md-5 text-white rounded bg-dark'>
        <div class='col-md-6 px-0'>
        <h1 class='display-4 font-italic'>Student, Azubi, FSJler, Schüler...?</h1>
        <p class='lead my-3'>Tauschen Sie sich noch heute mit tausenden Gleichgesinnten über Ihre finanzielle Planung aus!</p>
        <p class='lead mb-0'><a href='beitraege.php' class='text-white font-weight-bold'>Ab zu den Beitraegen!</a></p>
        </div>
    </div>
    <div class='row mb-2'>";


    while ($row = mysqli_fetch_assoc($res)) {
        $beitrag_id = $row['beitrag_id'];
        $titel = $row['titel'];
        $miete = $row['miete'];
        $einkauf = $row['einkauf'];
        $freizeit = $row['freizeit'];
        $sonstiges = $row['sonstiges'];
        $g_kosten = $row['g_kosten'];
        $p_text = $row['p_text'];

$beitrag .="
    <div class='col-md-6'>
    <div class='card' style=''>               
    <div class='card-body'>         
    <h4 class='card-title'>$titel</h4>          
    <p class='card-text'>$p_text</p>            
    <a href='siehe_beitrag.php?pid=$beitrag_id' class='btn btn-primary'>Mehr erfahren</a>         
    </div>      
    </div>
";

$beitrag .="
            </div>
        </div>
      </div>
  </div>

";
    }
    echo $beitrag;
}

Answer 1

Попробуйте использовать этот код вместо своего.

$sql = "SELECT * FROM beitrag WHERE beitrag_id=97 OR beitrag_id=98";
$res = mysqli_query($db, $sql) or die(mysqli_error());

if(mysqli_num_rows($res) > 0) {

$beitrag = "    
    <div class='pagecontainer'>
        <div class='container'>
        <div class='jumbotron p- p-md-5 text-white rounded bg-dark'>
        <div class='col-md-6 px-0'>
        <h1 class='display-4 font-italic'>Student, Azubi, FSJler, Schüler...?</h1>
        <p class='lead my-3'>Tauschen Sie sich noch heute mit tausenden Gleichgesinnten über Ihre finanzielle Planung aus!</p>
        <p class='lead mb-0'><a href='beitraege.php' class='text-white font-weight-bold'>Ab zu den Beitraegen!</a></p>
        </div>
    </div>
    <div class='row mb-2'>";


    while ($row = mysqli_fetch_assoc($res)) {
        $beitrag_id = $row['beitrag_id'];
        $titel = $row['titel'];
        $miete = $row['miete'];
        $einkauf = $row['einkauf'];
        $freizeit = $row['freizeit'];
        $sonstiges = $row['sonstiges'];
        $g_kosten = $row['g_kosten'];
        $p_text = $row['p_text'];

$beitrag .="
    <div class='col-md-6'>
    <div class='card' style=''>               
    <div class='card-body'>         
    <h4 class='card-title'>$titel</h4>          
    <p class='card-text'>$p_text</p>            
    <a href='siehe_beitrag.php?pid=$beitrag_id' class='btn btn-primary'>Mehr erfahren</a>         
    </div>      
    </div>
</div>
";

//you fault here. You should have the loop on this card only.
    }

//you fault here. one </div> goes down bottom.
$beitrag .="

        </div>
      </div>
  </div>

";
    echo $beitrag;
}