0

私は翡翠を使って昔ながらのギャラリーループカウンターをやろうとしています(私は初心者です)。私は twitter ブートストラップを使用しているので、col-md-3 をクラスとして、行を持つ div の子としてイメージを div に配置する必要があります。したがって、理想的には次のようになります。

<div class="row">
    <div class="col-md-3">image goes here</div>
    <div class="col-md-3">image goes here</div>
    <div class="col-md-3">image goes here</div>
    <div class="col-md-3">image goes here</div>
</div>
<div class="row">
    <div class="col-md-3">image goes here</div>
    <div class="col-md-3">image goes here</div>
    <div class="col-md-3">image goes here</div>
    <div class="col-md-3">image goes here</div>
</div>

私が立ち往生しているのは、ジェイドではインデントが重要であるため、新しい行を初期化する方法です。以下は私が始めていることですが、どのように進めればよいですか?

div.row
    each product, index in collection.products
        div.col-md-3: img

次のようなものを使用すると思います。

if index % 3
    div.row

…でも、ちょっともったいない気がする…

4

1 に答える 1