Close/Open Div 循环 运行 3 次后

Question

我有一个在 .row div 中创建列的循环。循环 运行 3 次后，我希望将这些列包装在 "row" div 中，并为创建新的 "row" div下一组 3 列。

这是循环：

<div class="row">
  <?php if( have_rows('content_modules') ): ?>
    <?php while( have_rows('content_modules') ): the_row(); 
        $photo = get_sub_field('module_photo');
        $title = get_sub_field('module_title');
        $content = get_sub_field('module_content'); ?>

    <div class="columns">
        <img src="<?php echo $photo ?>" />          
        <h3><?php echo $title ?></h3>
        <?php echo $content ?>
    </div>

  <?php endwhile; endif;?>
</div>

这个循环运行得很好，但是，我似乎无法将每组 3 列包装在一行中。

Answer 1

使用模数确定是否应开始新行。

<?php if( have_rows('content_modules') ): ?>
    <?php
    $i = 0;
    while( have_rows('content_modules') ): the_row();

    $photo = get_sub_field('module_photo');
    $title = get_sub_field('module_title');
    $content = get_sub_field('module_content');
    ?>

        <?php if($i % 3 == 0): ?>
            <div class="row">
        <?php endif; ?>

        <div class="columns">
            <img src="<?php echo $photo ?>" />          
            <h3><?php echo $title ?></h3>
            <?php echo $content ?>
        </div>

        <?php if($i % 3 == 2): ?>
            </div>
        <?php endif; ?>

    <?php $i++; endwhile; endif;?>
<?php endif; ?>