Как изменить макет столбца в начальной загрузке 4 на основе нечетных / четных дочерних элементов

Question

Я студент из Нидерландов по ИКТ и прошу помощи, Я знаю, как изменить расположение столбцов в зависимости от ширины экрана, но я хочу изменить расположение для нечетных и четных объектов.

Я хочу сделать следующее:

Итак, я хочу, чтобы мой макет был:

col[7]col[5]
col[5]col[7]
col[7]col[5]
col[5]col[7]

Я не могу сделать это вручную, потому что я связал его с WordPress, поэтому, когда я публикую новый элемент, я хочу, чтобы он автоматически получал правильное расположение столбцов.

Мой код выглядит так:

Answer 1

Пожалуйста, попробуйте следующее решение, надеюсь, эта работа для вас.

При использовании Modulo для этого вам нужно объявить переменную $i=0; сверху, в то время как цикл также устанавливает $i++; внизу для увеличения $i значения.

Пожалуйста, используйте код ниже.

<?php 
$i=0;
while( $qry->have_posts() ): $qry->the_post();
if ($i % 2 == 0)
{
  echo '<div class="col-md-7">7</div>';
  echo '<div class="col-md-5">5</div>';
} 
else 
{
  echo '<div class="col-md-5">5</div>';
  echo '<div class="col-md-7">7</div>';
}
$i++;
?>
<?php endwhile; ?>