Twitter bootstrap 如何在Ghost中迭代帖子并创建组
各位鬼作家大家好 我基本上是基于Bootstrap开发自己的主题。因此,我想创建一个链接到文章的旋转木马。我显示3个引导卡,我想添加一个caroussel。 这是相当容易的,因为我只需要做一个caroussel的卡牌组,并把3卡每卡牌组 但是,有一个问题。。。我如何告诉Ghost遍历所有帖子并创建由三篇帖子组成的“组”?换言之:“foreach posts和每隔3个posts做…” 我实际上有: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"}} {
{{#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文档中找到:
希望这有帮助 多谢各位。我翻阅了《幽灵》和《车把》的文档,但没看到。它起作用了