如何在 php 循环中使用引导网格答案

【问题标题】：how to use bootstrap grids in php loop如何在 php 循环中使用引导网格
【发布时间】：2019-10-01 09:55:19
【问题描述】：

我正在尝试从 db 中读取一些数据并使用引导网格将其写入我的 html 页面。这段代码是提供给我的，到目前为止我只添加了两个标签：和 .我有两个问题：

1) ide 看不到这两个 div 的结束标签。为什么？当我点击结束 div 标签时，它显示那些是多余的，需要删除。

2）即使我已经解决了问题1，我仍然没有用php来实现这个网格系统。

我已阅读有关引导程序的文档。我了解引导网格系统的工作原理，但无法将其应用于 php。当循环涉及主题时，我感到困惑。我已经阅读了关于 stackoverflow 的其他关于这个问题的问题，这些问题对我没有帮助。

<table>
        <div class="container">
            <?php
            for ($i = 0; $i < count($optArr); $i++) {
            ?>
                <div class="col-md-2">
                    <td style="width: 7em">
                        <?php
                        if ($mn == $i) {
                            ?>
                            <b><?php print $optArr[$i]; ?></b>
                            <?php
                        } else {
                            ?>
                            <a href="index.php?mn=<?php print $i; ?>">
                                <?php print $optArr[$i]; ?>
                            </a>
                            <?php
                        }
                        ?>
                    </td>  
                </div>
            <?php
            }
            ?>
        </div>
    </table>

【问题讨论】：

目前我只添加了两个标签：
和

标签： php html bootstrap-4

【解决方案1】：

您不能在表格标签中包含容器。或者你必须使用div 来创建表或做不同的方式。试试这个：

<div class="container">    
        <table>
            <tbody>
                <?php for ($i = 0; $i < count($optArr); $i++): ?>
                    <div class="col-md-2">
                        <td style="width: 7em">
                            <?php if ($mn == $i):?>
                                <b><?= $optArr[$i] ?></b>
                            <?php else: ?>
                                <a href="index.php?mn=<?= $i ?>">
                                    <?= $optArr[$i] ?>
                                </a>
                            <?php endif; ?>
                        </td>  
                    </div>
                <?php endfor; ?>
            </tbody>
    </table>
</div>

我认为这会有所帮助

【讨论】：