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

Question

我正在用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>

这是从数据库生成卡片的代码，它运行得很好但是它没有应用bootstrap所以它看起来很糟糕但它应该是这样的

是否有一种方法可以在卡片生成后应用bootstrap ?

Answer 1

对不起，由于50的声誉，现在不能评论:D

在foreach块中有一个结束div标签too much;)