Freemarker：使用bootstrap在网格中显示数据

Question

我在freemarker中有一张带有PATH的照片列表，我需要在HTML页面中显示照片。我像那样迭代我的列表

<#if photos?has_content>
    <#list photos as photo>
        <img src=${photo}
    </#list>
</#if>

我还有HTML页面，它使用bootstrap类在网格中显示这些照片（3列）

<div class="container">
    <div class="row">
        <div class="col-lg-4">
            <div class="photo"></div>
        </div>
        <div class="col-lg-4">
            <div class="photo"></div>
        </div>
        <div class="col-lg-4">
            <div class="photo"></div>
        </div>
    </div>
    <div class="row">
        ...
    </div>
</div>

行数取决于照片数量，但无法预测。我不知道如何在每张第一张和第三张照片之后为行添加开始和结束div。

希望有人可以帮助我。 谢谢！

Answer 1

您可以使用?chunk（http://freemarker.org/docs/ref_builtins_sequence.html#ref_builtin_chunk）：

<div class="container">
  <#list photos?chunk(3) as row>
    <div class="row">
      <#list row as photo>
        <div class="col-lg-4">
          <div class="photo"><img src="${photo}"></div>
        </div>        
      </#list>
    </div>
  <#else>
    <div class="something">No photos</div>
  </#list>
</div>