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

Question

我正在使用 PHP 和 MySQL 从数据库中获取数据。我的函数正在返回对象数组。我正在遍历它们，并希望将它们显示在 3 列中。我试过 CSS column-count 属性，但有一个问题，如果结果数是偶数，结果将显示在 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、Yii2 PHP 框架、HTML、CSS、Bootstrap 3 .

如何在 3 列中显示数据，而不会出现偶数个结果将显示在 2 列而不是 3 列中的问题？

Answer 1

您可以将元素与 bootstrap 3 class 'col-md-4' 或 'col-lg-4'

一起使用

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

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

html

css

php

twitter-bootstrap

yii2