BOOTSTRAP Флажок зацикливания

Question

У меня проблема с циклом bootstrap из result_array (), это фото 1 и этот код

<?php if ($bn) : ?>
<div class="row">
    <?php foreach ($bn as $a) : ?>
    <div class="col">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="1" id="1" name="1" checked>
            <label class="form-check-label" for="1">Data</label>
        </div>
    </div>
    <?php endforeach; ?>
</div>
<?php endif; ?>

мои данные в базе данных 5 запись

как получить такие данные, как result_array () будет иметь вид 2

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

Answer 1

Сетка bootstrap разделена на 12 полных пробелов.

Вы можете изменить класс элемента div на <div class="col-3">, который поместит 4 столбца (4 * 3 = 12) в первый ряд и 5-й столб во втором ряду.

Answer 2

Вы хотите сказать, что хотите, чтобы 5-й флажок был внизу? если так, то почему бы не заменить:

    <div class="col">

на

<div class="col-3 mb-3">

?