Элегантный способ вычисления нескольких строк / столбцов элементов в Thymeleaf при итерации по каждому элементу foreach

Question

В настоящее время у меня есть список объектов, которые передаются в шаблон тимелист.Список для примера.Для тестирования я просто перебирал его и выводил с каждым элементом, являющимся ли:

 <ol>
 <li th:each="book : ${library.comedy}" th:text="${book.name}"></li>
 </ol>

объект библиотеки имеет несколько списков, в данном случае это комедия, ужас и т. Д. И т. Д., И я выводил каждый из них.

Я начал использовать шаблон начальной загрузки и столкнулся с небольшой проблемой, заключающейся в том, что в шаблоне используются строки и столбцы, в которые они вложены несколько глубже.В настоящее время он отображает 3 подряд, а затем повторяется.

(Это шаблонный текст из шаблона)

<div class="row">
                    <div class="col-lg-4 col-md-6">
                        <div class="game-item">
                            <img th:src="@{/img/games/1.jpg}" alt="#">
                            <h5>Zombie Appocalipse 2</h5>
                            <a href="game-single.html" class="read-more">Read More  <img th:src="@{/img/icons/double-arrow.png}" alt="#"/></a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="game-item">
                            <img th:src="@{/img/games/2.jpg}" alt="#">
                            <h5>Dooms Day</h5>
                            <a href="game-single.html" class="read-more">Read More  <img th:src="@{/img/icons/double-arrow.png}" alt="#"/></a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="game-item">
                            <img th:src="@{/img/games/3.jpg}" alt="#">
                            <h5>The Huricane</h5>
                            <a href="game-single.html" class="read-more">Read More  <img th:src="@{/img/icons/double-arrow.png}" alt="#"/></a>
                        </div>
                    </div>
                </div>

Мне нужно создать элемент игры для каждой книги, которая есть в моем списке, но мне также нужно создать несколько строк, так как их будет больше 3.

В настоящее время я могу думать только о том, чтобы сделать это, получить количество элементов в списке, взять мод и затемиспользуйте это в цикле for, создавая новую строку каждый раз, когда мы добираемся до 3. Но это кажется "грязным", и мне было интересно, есть ли более элегантное решение?

заранее спасибо за любую помощь, предложения илисовет.Возможно, я смотрю на это совершенно неправильно, и в этом случае я приветствую любую помощь, которую вы готовы оказать.