thymeleaf - 将 th:each 与 Twitter Bootstrap 和多行一起使用

Question

我正在迭代多个地址，我希望它们成行，每行有 2 列。使用 Twitter Bootstrap 实现这一点的方法是这样的：

<div class="row-fluid">
    <div class="span6">First Address</div>
    <div class="span6">Second Address</div>
</div>
<div class="row-fluid">
    <div class="span6">Third Address</div>
    <div class="span6">Fourth Address</div>
</div>

我似乎无法让 Thymeleaf 在单个 th:each 语句中执行此操作。甚至可能吗？

Answer 1

您可以根据所需的列数将数组分成块。因此，对于两列，您可以执行以下操作：

<div th:each="addressChunks : ${T(com.google.common.collect.Lists).partition(customerAddresses, 2)}" class="row-fluid">
    <div th:each="address : ${addressChunks}" th:object="${address}" class="span6">
        <address></address>
    </div>
</div>