Как я могу организовать материализацию карт CSS в ряд, пока эти карты содержат данные, извлеченные из базы данных MySQL - PullRequest
Новая
       6

Как я могу организовать материализацию карт CSS в ряд, пока эти карты содержат данные, извлеченные из базы данных MySQL

0 голосов
/ 05 декабря 2018

Я пытаюсь извлечь данные из базы данных в карты Materialise CSS.То, что я хочу, это только 3 карты в одном ряду.После 3-й карты в одном ряду должны автоматически отображаться следующие 3 карты в следующем новом ряду.

Here is the snapshot of how it is getting displayed now. И вот как я хочу это отобразить А вот мой код для этого снимка. 

<?php
        $cnt=1;
        $sql=mysqli_query($db,"select * from addevent");
        $row=mysqli_num_rows($sql);

        while($row=mysqli_fetch_array($sql)){
                echo"<div class='card amber lighten-1' style='grid-auto-flow:row; width:300px;margin-left:10px;'>
                                <div class='card-content'>";
                                    echo "<span class='card-title activator teal-text text-darken-3'>".$row['EventName']."<i class='material-icons right'>more_vert</i></span>";
                                    echo "<h6 class='teal-text text-darken-3'>".$row['Oname']."</h6>";
                                    echo "<h5 class='brown-text text-lighten-3'>".$row['EventDate']." | ".$row['EventTime']."</h5>";
                                    echo "<p class='deep-orange-text text-lighten-1'>".$row['EventAddress']."</p>";
                                echo"</div>";

                                echo"<div class='card-reveal'>";
                                    echo "<span class='card-title orange-text text-lighten-1'>".$row['EventName']."<i class='material-icons right'>close</i></span>";
                                    echo "<p class='teal-text text-lighten-2'>".$row['AboutEvent']."</p>";
                                echo"</div>";
                        echo"</div>";

            }
            echo"</div>";
    ?>
...