Django ListView отображение элементов с помощью цикла for. Зеркальное отображение каждого второго

Я работаю над страницей обзора продукта на django.

Я отображаю категории с помощью listview. Я использую сетку Bootstrap с двумя колонками для отображения категорий следующим образом:

picture | Info

Теперь я хочу, чтобы каждый второй столбец был зеркально отражен, поэтому конечный результат будет выглядеть следующим образом:

Picture | Info
Info | Picture
Picture | Info

Как мне запустить цикл, чтобы это работало? Мой код выглядит следующим образом:

<div class='container'>

    {% for category in categories  %}

<!-- Check is subcategory exists. if not, filter on category. If it does exist filter on subcategory -->
    {% if category.sub_category is Null %}

        <a href="{% url 'academy:brandByCat_list' category.category_name %}">
            <div class="row py-3 item-display">

                <div class='col-md item-img'>
                    <img src= {{category.category_picture.url}} class="img-fluid category-picture">
                </div>

                <div class="col-md">
                    <h1 class='py-3'>{{category.category_name}}</h1>
                    <p>{{category.category_info}}
                </div>

            </div>
        </a>



        {% else %}
        <a href="{% url 'academy:brandBySubCat_list' category.sub_category %}">
            <div class="row py-3 item-display">

                <div class='col-md item-img'>
                    <img src= {{category.category_picture.url}} class="img-fluid category-picture">
                </div>

                <div class="col-md">
                    <h1 class='py-3'>{{category.sub_category}}</h1>
                    <p>{{category.category_info}}</p>
                </div>

            </div>
        </a>

    {% endif %}


    {% endfor %}

Спасибо за помощь!

Вернуться на верх