Связка PHP и Bootstrap

138
25 октября 2021, 02:00

Я вывожу по 10 результатов с запроса на страницу, и каждую отдельную статью заворачиваю в class col-lg-6 а все 10 записей заворачиваю в class row. В итоге получаю 2 колонки по 5 записей.

Выглядит это сейчас вот так:

<div class="row">
    <div class="col-lg-6">
        <div class="item">Содержимое 1</div>
    </div>
    <div class="col-lg-6">
        <div class="item">Содержимое 2</div>
    </div>
    <div class="col-lg-6">
        <div class="item">Содержимое 3</div>
    </div>
    <div class="col-lg-6">
        <div class="item">Содержимое 4</div>
    </div>
    <div class="col-lg-6">
        <div class="item">Содержимое 5</div>
    </div>
    <div class="col-lg-6">
        <div class="item">Содержимое 6</div>
    </div>
    <div class="col-lg-6">
        <div class="item">Содержимое 7</div>
    </div>
    <div class="col-lg-6">
        <div class="item">Содержимое 8</div>
    </div>
    <div class="col-lg-6">
        <div class="item">Содержимое 9</div>
    </div>
    <div class="col-lg-6">
        <div class="item">Содержимое 10</div>
    </div>
</div>

Но количество текста или размер изображения в записи не такое как у остальных, все верстка съезжает. Наверное все с таким сталкивались при верстке на bootstrap.

Задача: Как найти первую и вторую запись и добавить им отрывающий тег с классом <div class="col-lg-6"> а предпоследней и последней записи закрывающий тег </div>

На выходе хочу получить вот такую верстку:

<div class="row">
    <div classs="col-lg-6">
        <div class="item">Содержимое 1</div>
        <div class="item">Содержимое 3</div>
        <div class="item">Содержимое 5</div>
        <div class="item">Содержимое 7</div>
        <div class="item">Содержимое 9</div>
    </div>
    <div classs="col-lg-6">
        <div class="item">Содержимое 2</div>
        <div class="item">Содержимое 4</div>
        <div class="item">Содержимое 6</div>
        <div class="item">Содержимое 8</div>
        <div class="item">Содержимое 10</div>
    </div>
</div>

Прошу помощи в реализации!

READ ALSO
На ubuntu 19.10 не ставиться php7.2-simplexml

На ubuntu 19.10 не ставиться php7.2-simplexml

Обновился до системы Ubuntu 1910:

165
Простая перезагрузка страницы. PHP

Простая перезагрузка страницы. PHP

Есть код наподобие этого

118
TelegramBot - переместить кнопку в новую строку

TelegramBot - переместить кнопку в новую строку

Как сделать так, чтобы кнопки были в столбце, а не в строкеПример изображения, как мне нужно:

184
$_POST всегда пустой, хотя в file_get_contents(&#39;php://input&#39;) есть данные

$_POST всегда пустой, хотя в file_get_contents('php://input') есть данные

Пытаюсь отправить данные формы при помощи fetchAPIВот форма:

72