php - codeigniter 中的引导卡
问题描述
我正在做我的第二个项目,但是为此我被困住了,实际上在网上找不到任何其他东西,所以归结为我向 Stackoverflow 的人群询问。我正在使用 Codeigniter 在游戏评论网站上工作。我设法将我的虚拟评论数据从数据库加载到网站。但是我想使用 Bootstrap 卡来保存游戏评论的数据,例如图像、游戏标题和评论的简短描述。这是我下面的代码:
<div class="container">
<div class="row">
<?php
foreach ($result as $row)
{
$thisImage = $row->ReviewImage;
echo "<tr>";
echo "<td>". "<img src='application/images/$thisImage'".$row->ReviewImage."</td>";
echo "<td>".$row->GameName."<br>"."<td>";
echo "<td>".$row->GameBlurb."<br>"."<td>";
echo "<td>".$row->GameReview."<br>"."<td>";
// Look into the image properties library in CodeIgniter for more help on images:
}
?>
</div>
</div>
</body>
如果以前使用过 Bootstrap 卡的人知道如何将其实现到代码点火器中,我真的可以在这方面使用帮助,因为我已经尝试了所有方法但都失败了。
解决方案
这是一个默认的引导卡模板 Source:
<div class="card" style="width: 18rem;">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
尝试这个:
...
<div class="row">
<?php foreach ($result as $row):?>
<div class="card" style="width: 18rem;">
<img src="application/images/<?= $row->ReviewImage ?>" class="card-img-top" alt="<?= $row->GameName ?>">
<div class="card-body">
<h5 class="card-title"><?= $row->GameName ?></h5>
<p class="card-text"><?= $row->GameBlurb . ' ' . $row->GameReview ?></p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<?php endforeach; ?>
</div>
...
希望能帮助到你。