嘗試在 php（引導程序）中創建循環卡
[英]Trying to create a looping cards in php (bootstrap)
問題描述
我在 php 和 mysqli 中相當新，並試圖建立一些基本的網站。
基本上我想在 php 中創建一個循環語句，以在同一行中創建具有相同大小和列的卡片，而無需我自己在 html 中手動創建卡片。
使用引導程序，php 和 mysqli
代碼運行成功，但output與引導卡不匹配，拒絕在同一行
誰能幫我？ 謝謝你
<?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 個解決方案
解決方案1
0 2020-06-17 15:54:37
我認為您將卡的一部分留在了循環之外。 我猜你有一個<div class="card">包含許多<div class="card-body"> s。
我會將<div class="row">排除在循環之外，但其中的所有內容都應該是循環的一部分。
<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>
嘗試創建分離卡
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.