如何在一行中显示4个项目，在第二行中显示4个，依此类推......？

Question

所以我需要的是这个vertical_align div我显示4x col-md-3然后显示在下一个div vertical_align下一个4x col-md-3，依此类推？

<?php 
  foreach ($images as $image) {
            $image_attributes = wp_get_attachment_url( $image->ID );
   ?>
        <div class="vertical_align">
            <div class="col-md-3">
                <a href="">
                    <img src="<?php echo $image_attributes ?>" alt=""/>
                </a>
            </div>
            <?php
                 $count++;
               ?>
            </div>
        <?php }?>

Answer 1

请参阅以下代码以关闭div并为每4个项目打开一个新div。

<div class="vertical_align"">
<?php foreach ($images as $image) {
    $image_attributes = wp_get_attachment_url( $image->ID );?>
        <div class="col-md-3">
            <a href="">
                <img src="<?php echo $image_attributes ?>" alt=""/>
            </a>
        </div>
        <?php
             $count++;
             // if reaches 4 items close the div and open a new div
             if($count % 4 ==0){?>
                </div> 
                <div class="vertical_align"">
            <?php  }     
     }?>
</div>

您可以将值替换为任意数字，将值更改为任意数字。