如何使用php/mysql/html/css在3列中显示来自数据库的结果


How to display results coming from database in 3 columns using php/mysql/html/css

我使用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> &nbsp;
                <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'一起使用