2

ジェイドにとってはかなり新しいものであり、「インデントの問題」全体は素晴らしいですが、欠点もあります。

オブジェクトを繰り返し処理して、応答性の高い Twitter Bootstrap グリッドを吐き出そうとしています。通常、従来の HTML の世界では、modulus を使用してrowを閉じてcurrent を終了</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適切にインデントされていないため、エラーがスローされます。

つまり、行ごとに 3 つのアイテムが必要で、それぞれが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 に答える