我有一个每行有三列的网格。我想在每行添加advertisement
但随机放置(could be placed on the first, second or third column)
。我已经使用这个答案来创建网格Loop row in bootstrap every 3 columns,但每次我尝试最终显示advertisement
但跳过其中一个赠品。
$numOfCols = 3;
$rowCount = 0;
$bootstrapColWidth = 12 / $numOfCols;
<div class="row">
@foreach($giveaways as $key => $giveaway)
@if($key == 0 || $key == 3 || $key == 6)
ADS HERE
@else
<div class="col-sm-{{ $bootstrapColWidth }} text-center">
SHOW GIVEAWAY
</div>
@endif
<?php
$rowCount++;
if($rowCount % $numOfCols == 0){
echo '</div><div class="row" style="margin-top: 5px; margin-bottom: 5px;">';
}
?>
@endforeach
</div>
在上面的示例中,我尝试使用最右边的方块来显示adversitesement
,但我希望它是一个随机列。