我如何基于奇数/偶数子集更改引导程序4中的列布局

Question

我是一名荷兰ICT学生，正在寻求帮助， 我知道如何根据屏幕的宽度更改列布局，但是我想更改奇数和偶数对象的布局。

我要完成以下任务：

所以我希望我的布局是

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