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在一个单一的声明中做到这一点：每个声明。它甚至可能吗？

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>

使用th：每个都有Twitter Bootstrap和多行

1 个答案: