Twitter bootstrap 如何在Ghost中迭代帖子并创建组

Twitter bootstrap 如何在Ghost中迭代帖子并创建组,twitter-bootstrap,bootstrap-4,handlebars.js,ghost-blog,Twitter Bootstrap,Bootstrap 4,Handlebars.js,Ghost Blog,各位鬼作家大家好 我基本上是基于Bootstrap开发自己的主题。因此,我想创建一个链接到文章的旋转木马。我显示3个引导卡,我想添加一个caroussel。 这是相当容易的,因为我只需要做一个caroussel的卡牌组,并把3卡每卡牌组 但是,有一个问题。。。我如何告诉Ghost遍历所有帖子并创建由三篇帖子组成的“组”?换言之:“foreach posts和每隔3个posts做…” 我实际上有: {{#foreach posts limit="3"}} {

各位鬼作家大家好

我基本上是基于Bootstrap开发自己的主题。因此,我想创建一个链接到文章的旋转木马。我显示3个引导卡,我想添加一个caroussel。 这是相当容易的,因为我只需要做一个caroussel的卡牌组,并把3卡每卡牌组

但是,有一个问题。。。我如何告诉Ghost遍历所有帖子并创建由三篇帖子组成的“组”?换言之:“foreach posts和每隔3个posts做…”

我实际上有:

        {{#foreach posts limit="3"}}
            {{> "post-card"}}
        {{/foreach}}
我需要像这样的东西:

        {{#foreach posts}}
            {{every 3 items}}
                <div class="card-deck">
                    {{> "post-card"}}
                </div>
        {{/foreach}}
{{{#foreach posts}
{{每3项}}
{{>“明信片”}
{{/foreach}}
我真的不知道该怎么开始


关于

#foreach
循环上设置
值时,可以使用
@rowStart
@rowEnd
来完成此操作。下面是一个例子:

{{{#foreach posts columns=“3”}
{{{#if@rowStart}{{/if}}
{{>“明信片”}
{{{#if@rowEnd}}{{/if}}
{{/foreach}}
通过将
设置为
3
@rowStart
将表示列的开始,
@rowEnd
将表示列的结束

更多信息可在Ghost Handlebar文档中找到:


希望这有帮助

多谢各位。我翻阅了《幽灵》和《车把》的文档,但没看到。它起作用了