2

Jade 很新，整个“缩进很重要”位很好，但它也有缺点。

我正在尝试迭代一个对象以吐出一个响应式 Twitter Bootstrap 网格。通常，在传统的 HTML 世界中，我会使用模数row通过关闭 my来结束我的当前</div>，但我无法弄清楚如何在 Jade 世界中使其工作。

我试过这个：

  each val, index in team

      if index % 3 == 0
         div.row(style="border: solid 1px")

     .col-md-2.thumbnail
        img.img-responsive(src=val.image)
        .caption.text-center
           h4
            =val.name

但由于.col没有正确缩进，它会引发错误。

简而言之，我想要每行三个项目，每个包裹在一个div.row

值得注意的是，这是新的 Bootstrap3语法，但 2.3 语法中的帮助/建议非常好。

任何帮助表示赞赏。谢谢！

4

1 回答 1

4

你很接近，试试这个。

each val, index in team
    if (index % 3 == 0)
        div.row(style="border: solid 1px")
            each val2, index2 in team.slice(index, index+3)
                .col-md-2.thumbnail
                    img.img-responsive(src=team[index+index2].image)
                    .caption.text-center
                        h4
                            =team[index+index2].name
于 2013-12-03T04:42:14.963 回答