I'm creating a catalogue, where there is a list of items of undefined length. I want to spit it out in rows with three columns each. So I have the following html:
<div class="row">
<div class="three columns">item 1
</div>
<div class="three columns">item 2
</div>
<div class="three columns">item 3
</div>
</div>
<div class="row">
<div class="three columns">item 4
</div>
<div class="three columns">item 5
</div>
<div class="three columns">item 6
</div>
</div>
I'm stuck as to how I can implement this as a django template? How can I split it up so that a new row starts after three items?
Try something like this:
<div class="row">
{% for item in items %}
<div class="three columns">{{ item }}
</div>
{% if forloop.counter|divisibleby:3 %}
</div>
<div class="row">
{% endif %}
{% endfor %}
</div>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With