Tôi đang tìm cách sử dụng một cái gì đó giống như toán tử mô-đun trong django. Những gì tôi đang cố gắng làm là thêm một tên lớp vào mọi phần tử thứ tư trong một vòng lặp.

Với modulus, nó sẽ như thế này:

{% 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 %}

Tất nhiên điều này không hoạt động vì% là một ký tự dành riêng. Có cách nào khác để thực hiện điều này không?

Bạn cần divisibleby , được xây dựng trong django lọc.

{% 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 %}

Bạn không thể sử dụng toán tử mô-đun trong các thẻ mẫu Django, nhưng sẽ đủ dễ dàng để viết một bộ lọc để làm như vậy. Một cái gì đó như thế này sẽ hoạt động:

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

Và sau đó:

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

Bạn thậm chí có thể làm điều gì đó như thế này, thay vào đó:

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

Và sau đó:

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

Hoặc bạn có thể sử dụng cyclethẻ:

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

Có vẻ như bạn chỉ nên sử dụng thẻ chu kỳ. Thẻ mẫu tích hợp

Ví dụ về hàng và cột trong Bootstrap. Hàng mới mỗi 4 món. Cũng đóng hàng cuối cùng ngay cả khi có ít hơn 4 mục.

myapp / templatetags / my_tags.py

from django import template

register = template.Library()

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

mẫu 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 %}