我想将.fourth
的CSS类应用于<li>
列表中的每四个项目,但是在我的生活中不能弄清楚它。据我所知,Batch和Slice在Stacey v3版本的Twig中不起作用。
这是我的代码:
{% for child in child.children %}
<li class="project-child half col {{ child.id }}{% if loop.index is even %} end{% endif %}{% if loop.last %} last{% endif %}">
<a href="{{ child.url }}" alt="{{ child.title }}">
{% if child.images %}
{# This finds the first image and resizes it, simple. #}
{% for image in child.images if loop.first %}
<figure class="project-thumbnail">
<img src="{{ resize_path( image.url, '490', '', '4:3', 95) }}" alt="{{ child.title }}" width="{{ child.image.width }}" height="{{ child.image.height }}">
</figure>
{% endfor %}
{% endif %}
<h2 class="thumbnail-title">{{ child.title }}</h2>
</a>
</li>
{% endfor %}
在.last类的后面我想补充一下。第四。遗憾的是,当找到第一个,最后一个,奇数个和偶数的项目很简单时,我无法弄清楚如何计算每四个项目。
我的逻辑是{% if loop.index == 4 %} fourth{% endif %}
,它只将它添加到列表中第四个项目的第一个匹配项,而不是每四个项目。