Попытка создать зацикленные карты в php (bootstrap) - PullRequest
Новая
       1

Попытка создать зацикленные карты в php (bootstrap)

0 голосов
/ 17 июня 2020

я новичок в php и mysqli и пытаюсь создать какой-то базовый c веб-сайт.

в основном я хочу сделать цикл в php, чтобы создавать карты в одной строке с такими же size и col без моего создания карт вручную в html.

с использованием bootstrap, php и mysqli

код успешно выполняется, но результат не соответствует bootstrap карты, а они отказываются быть в одном ряду

может кто-нибудь мне помочь? спасибо 

<?php include("conn.php"); ?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="icon" href="img/ArdiantaPargo.png" />
        <link rel="stylesheet" href="https://getbootstrap.com/docs/4.1/dist/css/bootstrap.min.css" />
        <link rel="stylesheet" href="bootstrap/css/style.css" />
        <link rel="stylesheet" href="font-awesome/css/font-awesome.css" />
    </head>
    <body>

        <header>
            <?php include("header.php"); ?>
        </header>

        <nav class="navbar navbar-default"><?php include("menu.php"); ?></nav>

        <article>

        <div class="container">

          <div class="row">
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm">

                    

                        <!-- article ------------------->
                        <?php

                            $query = mysqli_query($koneksi, "SELECT * FROM article ORDER BY datae DESC");

                            // looping Artikel
                            while($artikel = mysqli_fetch_array($query)){
                                echo "<div class='card-body'>";
                                echo "<a class='card-title' href='artikel.php?id=".$artikel['id']."' />".$title['title']."</a>";
                                echo "<p class='article-date'>Oleh <b>".$author['author']."</b>, pada ".$article['date']."</p>";
                                echo "</div>";
                            }

                        ?>
                        <!-- END article --------------->
                    </div>
                </div>
            </div>
        </div>

        </article>

        <footer>
            <?php include("footer.php"); ?>
        </footer>

    </body>
</html>

1 Ответ

0 голосов
/ 17 июня 2020

Я думаю, вы оставили часть своей карты вне своего l oop. Я предполагаю, что у вас есть один <div class="card">, содержащий множество <div class="card-body"> s.

Я бы оставил <div class="row"> вне вашего l oop, но все, что внутри, должно быть частью l oop. 

<div class="row">
    <?php

                        $query = mysqli_query($koneksi, "SELECT * FROM article ORDER BY datae DESC");

                        // looping Artikel
                        while($artikel = mysqli_fetch_array($query)){
                            echo "<div class='col-12 col-md-4'>";
                            echo "<div class='card mb-4 shadow-sm'>";
                            echo "<div class='card-body'>";
                            echo "<a class='card-title' href='artikel.php?id=".$artikel['id']."' />".$title['title']."</a>";
                            echo "<p class='article-date'>Oleh <b>".$author['author']."</b>, pada ".$article['date']."</p>";
                            echo "</div>";
                            echo "</div>";
                            echo "</div>";
                        }

                    ?>
</div>
...