Question

对Jade来说很新，整个“缩进很重要”有点不错，但它有其缺点。

我正在尝试迭代一个对象以吐出响应式Twitter Bootstrap网格。通常，在传统的HTML世界中，我会通过关闭row来使用模数来结束当前的</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

中

值得注意的是这是new Bootstrap3语法，但2.3语法中的帮助/建议完全没问题。

感谢任何帮助。谢谢！

Answer 1

你很亲密，试试这个。

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

Jade每个迭代模数用于响应式Twitter Bootstrap

我试过这个：

1 个答案: