Похоже, вам не хватает закрытия div
, нарушающего сетку.
codepen: https://codepen.io/brooksrelyt/pen/JwQpqm
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis laudantium ducimus veritatis aliquam voluptas, maiores error inventore facere minus rem.
Form other stuff
Термин, к которому Вы обращаетесь, является "разбиением на страницы". К сожалению, необходимо будет дать еще некоторую информацию для получения более определенного ответа.
Вам будут нужны понимание новичка PHP и вероятно некоторое понимание реляционных баз данных.
Разбиение на страницы часто реализуется с некоторыми параметрами простого запроса.
stackoverflow.com/myResults.php?page=1
Страница увеличивает параметр запроса:
stackoverflow.com/myResults.php?page=2
На бэкэнде значение страницы обычно соответствует пределам и смещениям в запросе, который используется для генерации результатов.
Связанные вопросы:
То, что Вы ищете, называют разбиением на страницы. Было несколько вопросов на ТАК об этом предмете. Поскольку Ваш вопрос очень широк, предоставьте больше подробную информацию или обратитесь к вопросам, которые уже спросили об этом предмете.
Может стоить посмотреть на объект Zend_Paginator Платформы Зенда. Это инкапсулирует большую логику генерации следующих/предыдущих/первых/последних ссылок типа.
Система шаблона TinyButStrong идет с расширением разбиения на страницы. Очень простой в использовании.
Для подкачки страниц серверной стороны я использую пакет Пейджера ГРУШИ (http://pear.php.net/package/Pager).
Смотрите на example.php для основного использования и Page_Wrapper.php (я запустил с Pager_Wrapper_DB).
Документы конечного пользователя являются довольно всесторонними: http://pear.php.net/manual/en/package.html.pager.intro.php
Если база данных не является настолько большой - я реализую разбиение на страницы на стороне клиента. Я рекомендую плагин jQuery tablefilter - он дает Вам не только разбиение на страницы, но также и фильтрацию и сортировку. Можно легко просмотреть данный recordset. Это - очень хорошее решение, если производительность не очень важна. Существует страница: http://ideamill.synaptrixgroup. и демонстрация для 830 записей: http://ideamill.synaptrixgroup.com/jquery/tablefilter/largetabletest.htm