Как сделать после вывода четырех элементов закрывающий тег?

Question

[Виктор Доценко]

Добрый день.
Получилась маленькая проблема. Для теста вывожу записи из бд.

<? 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 ?>

Как сделать так, чтобы выводилось без этого пустого пространства?
Мне кажется, что должны 4 элемента оборачиваться тегом- ...вывод элементов , но как сделать только лишь после четвертого?

Answer 1

[Вячеслав]

Узнать, когда 4-й элемент:

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

Но, мне кажется, что проблема скорее в верстке, и никаких лишних элементов при нормальной верстке/стилях нужно не будет.

Answer 2

[IceJOKER]

stackoverflow.com/questions/13270870/wrapping-a-di...
думаю вместо тройки четверку сами сможете написать )

Comments

[Виктор Доценко]

Спасибо, помогло разобраться, что да как=)

[IceJOKER]

Виктор Доценко: you're welcome )

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>

только поправь код красивее. Я на скорую руку написал говнокод.