我使用PHP和MySQL从数据库中获取数据。我的函数是返回对象数组。我正在循环浏览它们,并希望将它们显示在3列中。我尝试过CSS列计数属性,但有一个问题,如果结果的数量是偶数,结果将显示在2列中,只有当结果是奇数时,结果才会显示在3列中。我也在使用Bootstrap 3。
这是我的输出代码:
<div class="content">
<div class="col-lg-12 offer">
<ul class="cpv">
<?php foreach ($model as $data): ?>
<li>
<?= Html::img(Yii::getAlias('@web').'/img/170713.jpg', ['class' => 'img-responsive']) ?>
<br> <?= $data->post->author?> <br>
<a href="#"><span class="glyphicon glyphicon-chevron-up"></span></a>
<a href="#"><span class="glyphicon glyphicon-chevron-down"></span> (<?= $count ?>)</a>
</li>
<?php endforeach ?>
</ul>
</div>
<div class="clearfix"> </div>
</div>
我使用的技术有:PHP,MySQL,Yii2PHP框架,HTML,CSS,Bootstrap 3。
如果没有偶数结果将显示在2列而不是3列的问题,您将如何在3列中显示数据?
您可以将元素与bootstrap 3 class'col-md-4'或'col-lg-4'一起使用