私は翡翠を使って昔ながらのギャラリーループカウンターをやろうとしています(私は初心者です)。私は 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
…でも、ちょっともったいない気がする…