How to make a closing tag after displaying four elements?

Question

PHP

Good afternoon.
There was a small problem. For the test I deduce records from a DB.

<? foreach ($data as $row): ?>

 <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
<div class="game-element">
   
          <img src="<?=$row['POSTER']?>"><br>
               <a href="?id=<?=$row['ID']?>" class="game-title"><?=$row['TITLE']?></a>


                 </div>
            </div><!--game-element -->
        <? endforeach ?>

How to make it output without this empty space?
It seems to me that 4 elements should be wrapped with a tag - ... the output of elements, but how to do it only after the fourth?

Answer 1

Find out when the 4th element is:

$counter = 0;
 foreach ($data as $row) {
$counter++;
if ($counter % 4 === 0)
{
//4-й элемент
}
}

But, it seems to me that the problem is more likely in the layout, and no extra elements will be needed with normal layout / styles.

Answer 2

stackoverflow.com/questions/13270870/wrapping-a-di...
I think you can write a four yourself instead of a three)

Answer 3

<div class="container">
  <?php $i = 0; ?>
  <?php foreach ($data as $row): ?>
    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
      <div class="game-element">
          <img src="<?=$row['POSTER']?>"><br>
              <a href="?id=<?=$row['ID']?>" class="game-title"><?=$row['TITLE']?></a>


        </div>
    </div><!--game-element -->
    <?php 
      $i++
      if ($i == 4) {
        $i = 0;
        echo '</div><div class="container">';
      }
     ?>
  <?php endforeach ?>
<div>

just fix the code better. I hastily wrote govnokod.