尝试在 php 中创建循环卡(引导程序)
Posted
技术标签:
【中文标题】尝试在 php 中创建循环卡(引导程序)【英文标题】:Trying to create a looping cards in php (bootstrap) 【发布时间】:2020-10-07 11:28:12 【问题描述】:我是 php 和 mysqli 的新手,正在尝试制作一些基本的网站。
基本上我想在 php 中创建一个循环语句以在同一行中创建具有相同大小和 col 的卡片,而无需我自己在 html 中手动创建卡片。
使用 bootstrap、php 和 mysqli
代码运行成功,但输出与引导卡不匹配,拒绝在同一行
谁能帮助我?谢谢
<?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】:我认为您将卡的一部分留在了循环之外。我猜你有一个 <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>
【讨论】:
以上是关于尝试在 php 中创建循环卡(引导程序)的主要内容,如果未能解决你的问题,请参考以下文章