PHP Bootstrap 行每 3 个帖子循环一次答案

【问题标题】：PHP Bootstrap row loop every 3 postsPHP Bootstrap 行每 3 个帖子循环一次
【发布时间】：2018-01-09 15:34:21
【问题描述】：

尝试在包含 3 列的引导行中在我的存档页面上显示自定义帖子，然后开始新行，得到代码但对 PHP 来说是新的并且不知道将内容放在哪里。

    <?php
        //Columns must be a factor of 12 (1,2,3,4,6,12)
        $numOfCols = 3;
        $rowCount = 0;
        $bootstrapColWidth = 12 / $numOfCols;
        ?>
        <div class="row">
        <?php
        foreach ($rows as $row){
        ?>  
                <div class="col-md-4"<?php echo $bootstrapColWidth; ?>">
                    <div class="thumbnail">
                        <img src="user_file/<?php echo $row->foto; ?>">
                    </div>
                </div>


        <?php
            $rowCount++;
            if($rowCount % $numOfCols == 0) echo '</div><div class="row">';
        }
        ?>
        </div>


        <div class="embed-container">
        <?php the_field('podcast_embed_link'); ?>
        </div>



        <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><h3><?php the_title(); ?></a></h3>


        <p><b><?php echo $date->format( $format_out );?></b></p>

        <p><?php the_field('description'); ?></p>

        <?php if( get_field('thumbnail') ): ?>

        <img src="<?php the_field('thumbnail'); ?>" />


        <?php endif; ?>

        <?php endwhile; // end of the loop. ?>


        </div>
    </div>
</div><!-- #content -->

这是页面archive.podcasts.php 的代码，我将在行循环中的何处添加自定义字段？

【问题讨论】：

标签： php loops twitter-bootstrap-3 row

【解决方案1】：

首先，您不需要关闭和打开 row 标记每 3 个项目。如果你留下这样的代码：

<div class="row">
 <?php
        foreach ($rows as $row){
        ?>  
                <div class="col-md-<?php echo $bootstrapColWidth; ?>">
                    <div class="thumbnail">
                        <img src="user_file/<?php echo $row->foto; ?>">
                    </div>
                </div>
        <?php
        }
        ?>
</div>

您将获得相同的效果，但没有 row 标签所涉及的分隔。请注意，涉及“col-md-4”的行已经更改，以免造成错误的 col 大小使用。

【讨论】：

我应该在哪里添加我的自定义帖子字段？
如果你想让你的字段每行重复 3 次，你必须把你的内容放在
和
标签
每当我在这个标签内放置帖子时不显示前端？
你能告诉我你将如何布局代码吗？

【解决方案2】：

在这部分代码中：

<div class="col-md-4"<?php echo $bootstrapColWidth; ?>">

你必须得到错误的引导类，如col-md-41、col-md-412。通过这种方式更正您的代码：

<div class="col-md-<?php echo $bootstrapColWidth; ?>">

【讨论】：

它可能什么都不做，因为该值是在"之外输出的