首页 > 解决方案 > 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 卡的人知道如何将其实现到代码点火器中,我真的可以在这方面使用帮助,因为我已经尝试了所有方法但都失败了。

标签: phphtmltwitter-bootstrapcodeigniter

解决方案


这是一个默认的引导卡模板 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>
...

希望能帮助到你。


推荐阅读