在螺栓中显示树枝循环元素

Question

我想用 html 和树枝创建这个骨架：

group
    actu 1
    actu 2
group
    actu 3
    actu 4
group
    actu 5
    actu 6

3 组 div 和 6 篇不同的文章，每组 2 篇

当前代码

{% setcontent actualites = 'actualites' limit 6 %}


<div class="bloc height-30">
    <h3>actualités<a href="./actualites" class="plus"></a></h3>
    <div class="carousel actus-carousel">
        {% for i in 0..2 %}
        <div class="groupe">
                <a href="#" class="actu">
                    <div class="date" style="background:url('h ttps://www.appartcity.com/uploads/media/image_hotel/0001/14/image_hotel_medium/13441_appartement-montpellier-gare-saint-roch-chambre.jpg')">
                        <span>12</span>
                        <span>Nov.</span>
                    </div>
                <h5>{{ actualite.title }}</h5>
                <p>Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus enean lacinia bibendum nulla sed onsectetur.</p>
            </a>
        {% endfor %}
    </div>

我显示了 3 个组，但我不知道如何显示 6 个不同的组，每组 2 个。

谢谢

Answer 1

这取决于 actualites 的值，但您可能会使用批处理过滤器

<div class="wrapper">
  {% for item in actualites|batch(3) %}
    <div class="group">
      {{item.title}}
    </div>
  {% endfor %}
</div>

在螺栓中显示树枝循环元素

display twig loop element in bolt

html

twig

bolt-cms