Использование по модулю для строк и столбцов
Я знаю, что этот вопрос задавался несколько раз, но я просто не могу понять его правильно. Все примеры, которые я нашел, являются слишком личными и сложными или немного угловатыми или javascript. Я пытаюсь узнать, как установить 4 столбца в строке.
// start basic loop just to have some data
<?php for($a=1; $a<=20; $a++) : ?>
// set counter
<?php $i=0; ?>
<div class="row">
<div class="col-md-3" style="border: 1px solid black">
<?php echo $i; ?>
</div>
<?php if($i++ % 4 == 0) : ?>
</div><div class="row">
<?php endif; ?>
// close row
</div>
<?php endfor; ?>
Решение
Ваш PHP-скрипт немного вышел, попробуйте следующее
<div class="row">
<?php
// start basic loop just to have some data
for($a=0; $a<=20; $a++) {
?>
<div class="col-md-3" style="border: 1px solid black">
<?php echo $a; ?>
</div>
<?php
if($a % 4 == 3) {
?>
</div>
<div class="row">
<?php
}
}
?>
</div>
Другие решения
Все может стать проще, если вы создадите цикл для генерации строк, а другой — для генерации ячеек в этих строках, например:
<?php // start basic loop for generating rows
for($row=0; $row<5; $row++) {
?> <div class="row">
<?php // start basic loop for cells within a row
for($cell=0; $cell<4; $cell++) {
?> <div class="col-md-3" style="border: 1px solid black">
<?=$row*4+$cell?>
</div>
<?php }
?> </div>
<?php }
?>
Я полагаю, у вас есть стиль для col-md-3 это делает те div элементы остаются в одном ряду, примерно так:
<style>
.col-md-3 { display: table-cell; width: 100px }
</style>