[Bootstrap] Grid System - Cards ohne Freiraum

  • HTML

    [Bootstrap] Grid System - Cards ohne Freiraum

    Hallo liebe Commuinity!

    Ich hoffe ihr könnt mir helfen, wenn ich mit Bootstrap 4 (SB-Admin 2 Template) versuche ein Grid zu erstellen:

    HTML-Quellcode

    1. <div class="row">
    2. <?php
    3. $sql = database...
    4. foreach($sql as $s)
    5. {
    6. echo '
    7. <div class="col-md-4">
    8. <div class="card">
    9. <div class="card-body">CONTENT</div>
    10. </div>
    11. </div>';
    12. }
    13. ?>
    14. </div>


    Dadurch erzeuge ich mehr als 3 Elemente die in eine Reihe passen. Bei Bootstrap 3 habe ich darunter immer einen Freiraum bekommen. Jetzt nicht mehr. Weiss jemand warum?

    Vielen Dank!



    So funktionierts, auch wenn nicht schön:

    PHP-Quellcode

    1. $i ++;
    2. if ($i == 1) {echo '<div class="row">';}
    3. CARDS
    4. if ($i == 3) {echo '</div><br>'; $i = 0;}

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von „Tobias17“ ()

Facebook
Telefonspende