Question

这必须是唯一的：p

我在symfony2中使用twig。我正在使用自举流体布局进行造型。看，我正在使用淘汰赛循环数据，连续4（span3）（每隔5个将换行）。但我不知道如何识别每第4次迭代。

<div class="row-fluid">
    <div class="structureWhite clearfix" data-bind="foreach: stores">
        <div class="span3">
            <h5 data-bind="text: name"></h5>
            <p data-bind="text: address"></p>
            <p data-bind="text: contact"></p>
        </div>
    </div>
</div>

因此我需要在每第4次迭代后放置<div class="row-fluid"></div>或删除每第5个边距。问题是bootstrap没有给出第一个span3边距，但所有其余的都得到margin-left：2.12766％。这意味着第5个span3（第二行的第一个）不在线。

所以要么我必须把它分成流体行或者去除第5个元素的填充（或者每4个元素之后），或者添加（虽然它的响应性如此可变）第一个元素。任何建议表示赞赏。

Answer 1

KO 2.1现在包含一个$index上下文变量，您可以在foreach中访问该变量以获取当前项目的索引。

这是一个可观察的，所以如果你在表达式中使用它，你需要使用它：

<!-- ko if: $index() % 4 === 3 -->
<div>some element</div>
<! /ko -->

如何使用bootstrap的knockout样式在twig中循环数据？

1 个答案: