时间戳

首页 > 解决方案 > Bootstrap 不适用于通过 php 自动生成的卡片

php - Bootstrap 不适用于通过 php 自动生成的卡片

问题描述

我正在使用 PHP 代码生成新卡片，但它们不听引导程序 4 的网格。原始 html 代码可以正常工作并按应有的方式显示它们。

<div class="container-fluid padding">
  <div class="row padding">
    <?php foreach ($contacts as $contact): ?>
                <div class="col-sm-12 col-md-4">
                    <div class="card">
                    <?php echo '<img class="card-img-top" src="data:image/png;base64,'.base64_encode( $contact['horse_image'] ).'"/>'; ?>
                    <div class="card-body">
                        <h4 class="card-title"><?=$contact['horse_name']?></h4>
                        <p class="card-text"><?=$contact['short']?></p>
                    </div>
                    </div>
                </div>
            </div>
    <?php endforeach; ?>
  </div>
  <hr class="my-4">
</div>

这是从数据库生成的卡片的代码，它工作得很好，但没有应用引导程序，所以它看起来很糟糕，但它应该看起来像那样

生成卡片后有没有办法应用引导程序？

标签： phphtmlbootstrap-4

解决方案

抱歉，由于 50 的声誉，目前无法发表评论：D

在您的 foreach 块中，一个结束 div 标记太多了；）

推荐阅读