在循环树枝时在树枝 symfony 中每行制作 3 列答案

【问题标题】：Make 3 columns per row in twig symfony while looping twig在循环树枝时在树枝 symfony 中每行制作 3 列
【发布时间】：2019-12-19 19:35:18
【问题描述】：

请帮忙。我想在使用树枝循环时出现每行 3 张图像的图像列表。我该怎么做？

这是我的代码

{% for siteAdministrator in siteAdministrators[5:] %}
   {% if loop.index0 is divisibleby(3) %}
       <section class="row team-members-row">
          <div> array </div>
       </section>
   {% endif %}
{% endfor %}

更新： 我的代码的当前结果是.. 每行 1 张图像是这样的。

// 1st loop
<section class="row team-members-row">
    <div class="other-team-members positionrelative floatleft withdropdown">
            // image 1
    </div>  
</section>
// 2nd loop
<section class="row team-members-row">
    <div class="other-team-members positionrelative floatleft withdropdown">
            // image 2
    </div>  
</section>
// 3rd loop
<section class="row team-members-row">
    <div class="other-team-members positionrelative floatleft withdropdown">
            // image 3
    </div>  
</section>
and so on.. 1 image per row

我想出现这样的图像。

 // 1st loop
<section class="row team-members-row">
    <div class="other-team-members positionrelative floatleft withdropdown">
            // image 1
    </div>
    <div class="other-team-members positionrelative floatleft withdropdown">
           // image 2
    </div>
    <div class="other-team-members positionrelative floatleft withdropdown">
           // image 3
    </div>    
</section>
// 2nd loop
<section class="row team-members-row">
    <div class="other-team-members positionrelative floatleft withdropdown">
            // image 4
    </div>
    <div class="other-team-members positionrelative floatleft withdropdown">
           // image 5
    </div>
    <div class="other-team-members positionrelative floatleft withdropdown">
           // image 6
    </div>    
</section>

【问题讨论】：

标签： php css symfony twig

【解决方案1】：

你应该在 if 语句中只包含 section 标签的显示，如下所示：

{% for siteAdministrator in siteAdministrators[5:] %}
   {% if loop.index0 is divisibleby(3) %}
    <section class="row team-members-row">
{% endif %}
          <div class="other-team-members positionrelative floatleft withdropdown">
          {{siteAdministrator.name}} 
          </div>
   {% if loop.index is divisibleby(3) or loop.last %}
    </section>
   {% endif %}
{% endfor %}

检查最后一个元素以关闭标签。

Here 一个工作示例。这是输出：

<section class="row team-members-row">
    <div class="other-team-members positionrelative floatleft withdropdown">
    image6 
    </div>
        <div class="other-team-members positionrelative floatleft withdropdown">
    image7 
    </div>
        <div class="other-team-members positionrelative floatleft withdropdown">
    image8 
    </div>
</section>
    <section class="row team-members-row">
    <div class="other-team-members positionrelative floatleft withdropdown">
    image9 
    </div>
        <div class="other-team-members positionrelative floatleft withdropdown">
    image10 
    </div>
        <div class="other-team-members positionrelative floatleft withdropdown">
    image11 
    </div>
</section>

希望有帮助

【讨论】：

您好，谢谢，请阅读我上面的更新，您没有显示为我上面的示例
嗨@jlacsonph 我更新了我的答案，如果这不能满足您的需要，您能更好地解释一下吗？

【解决方案2】：

这样做：

<section class="row team-members-row">
   {% for siteAdministrator in siteAdministrators[5:] %}
     {% if loop.index0 is divisibleby(3) %}
          <div> array </div>
     {% endif %}
   {% endfor %}
</section>

【讨论】：

您好，谢谢，请阅读我上面的更新，您没有显示为我上面的示例。