Sto cercando un modo per usare qualcosa come l'operatore modulo in django. Quello che sto cercando di fare è aggiungere un nome di classe a ogni quarto elemento in un ciclo.

Con il modulo sarebbe simile a questo:

{% for p in posts %}
    <div class="post width1 height2 column {% if forloop.counter0 % 4 == 0 %}first{% endif %}}">
        <div class="preview">

        </div>
        <div class="overlay">

        </div>
        <h2>p.title</h2>
    </div>
{% endfor %}

Ovviamente questo non funziona perché% è un carattere riservato. C'è un altro modo di fare questo?

Hai bisogno di divisibleby , un filtro django integrato.

{% for p in posts %}
    <div class="post width1 height2 column {% if forloop.counter0|divisibleby:4 %}first{% endif %}">
        <div class="preview">

        </div>
        <div class="overlay">

        </div>
        <h2>p.title</h2>
    </div>
{% endfor %}

Non è possibile utilizzare l'operatore modulo nei tag del modello Django, ma sarebbe abbastanza facile scrivere un filtro per farlo. Qualcosa di simile dovrebbe funzionare:

@register.filter
def modulo(num, val):
    return num % val

E poi:

{% ifequal forloop.counter0|modulo:4 0 %}

Potresti anche fare qualcosa del genere, invece:

@register.filter
def modulo(num, val):
    return num % val == 0

E poi:

{% if forloop.counter0|modulo:4 %}

Oppure potresti usare il cycletag:

<div class="post width1 height2 column {% cycle 'first' '' '' '' %}">

Sembra che dovresti semplicemente usare il tag cycle. Tag modello incorporati

Esempio di righe e colonne di bootstrap. Nuova riga ogni 4 articoli. Chiude anche l'ultima riga anche se ci sono meno di 4 elementi.

frontend / templatetags / my_tags.py

from django import template

register = template.Library()

@register.filter
def modulo(num, val):
    return num % val

modello html

{% load my_tags %}

{% for item in all_items %} 
    {% if forloop.counter|modulo:4 == 1 %}
        <div class="row">
    {% endif %}

        <div class="col-sm-3">
            {{ item }}
        </div>

    {% if forloop.last or forloop.counter|modulo:4 == 0 %}
        </div>
    {% endif %}

{% endfor %}