bootstrap-wordpress网格

我正在做一个可湿性粉剂与引导自定义主题。我实现了一个网格来显示最新的帖子。我想在大屏幕上显示一行4个项目（低至768px=col-sm-3），然后每行显示2个项目（col-xs-6）。它有点工作，但在某些情况下，项目显示不正确。特别是，当屏幕宽度在1200-768之间或小于579时，每4行中有1行被打断，并且仅显示1项（参见图像）。我不确定问题出在哪里

我读过关于.cleardiv类的文章，但我不明白应该把它放在哪里

你可以看到这个网站。（请注意，包含4项的顶行工作正常，因为它是在另一行中的其他12项之前生成的）。只需单击“v”箭头即可显示包含问题的行。 谢谢

...
' />




在
$i++
之前，编写一条if语句来放置clearfix

<?php if ($i % 4 == 0); ?>
<div class="clearfix"></div>
<?php endif; ?>



编辑：对于移动设备，您可以使用
$i%2==0设置另一个clearfix，并通过
visible xs将其隐藏在桌面上
<?php if ($i % 4 == 0); ?>
<div class="clearfix"></div>
<?php endif; ?>