Как использовать цикл в Django с двумя столбцами?

Question

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

пример http://imgbox.com/NWO7qA7S

Я использую платформы начальной загрузки 4 и django 2.2 для создания страницы. Я пробовал разные комбинации, но мне неясно, как работает метка цикла.

{% for post in posts %}

<section class="bg-light py-5" id="aktualnosci">
    <div class="container">
        <h1>Informacje o zmianach w prawie podatkowym</h1>
        <div class="divider"></div>
        <p class="text-paragraph pt-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam iure consectetur accusantium delectus, iusto culpa mollitia eum molestiae at? Ab!</p>
        <div class="row py-3">

    <!-- FIRST POST -->

            <div class="col-lg-6">
                <div class="news-card">
                    <div class="text-center text-white bg-blue d-flex align-items-center news-card-date">
                        <div class="mx-auto news-card-date-body w-75">
                            <i class="far fa-calendar-alt d-none d-block mx-auto"></i>
                            <span class="d-block news-card-date-value mt-1">{{ post.published }}</span>
                        </div>
                    </div>
                    <div class="news-card-body">
                        <div class="news-card-img">
                <img class="img-fluid" src="{% static 'main/images/126.jpg' %}" alt="">
                        </div>
                        <div class="news-card-content">
                            <div class="news-card-content-inner">
                                <h2>{{ post.title }}</h2>
                                <p class="text-paragraph">{{ post.lead }}</p>
                                <a class="pb-2" href="#">Czytaj więcej</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

    <!-- SECOND POST -->

            <div class="col-lg-6">
                <div class="news-card">
                    <div class="text-center text-white bg-blue d-flex align-items-center news-card-date">
                        <div class="mx-auto news-card-date-body w-75">
                            <i class="far fa-calendar-alt d-none d-block mx-auto"></i>
                            <span class="d-block news-card-date-value mt-1">{{ post.published }}</span>
                        </div>
                    </div>
                    <div class="news-card-body">
                        <div class="news-card-img">
                <img class="img-fluid" src="{% static 'main/images/287.jpg' %}" alt="">
                        </div>
                        <div class="news-card-content">
                            <div class="news-card-content-inner">
                                <h2>{{ post.title }}</h2>
                                <p class="text-paragraph">{{ post.lead }}</p>
                                <a class="pb-2" href="#">Czytaj więcej</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <a class="pt-2" href="{% url 'posts:posts_list'  %}">Zobacz wszystkie &gt; &gt; </a>
    </div>
</section>

{% endfor  %}

В настоящее время я получаю дубликат одного сообщения в обеих колонках. В конечном итоге я хотел бы получить два разных поста в двух столбцах в одном разделе. Далее я хотел бы добавить второй раздел при создании третьей записи.

Answer 1

Я думаю, что ваш цикл просто не в том месте. Я не думаю, что вам нужно использовать тег cycle для этого.

Попробуйте это:

<section class="bg-light py-5" id="aktualnosci">
    <div class="container">
        <h1>Informacje o zmianach w prawie podatkowym</h1>
        <div class="divider"></div>
        <p class="text-paragraph pt-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam iure consectetur accusantium delectus, iusto culpa mollitia eum molestiae at? Ab!</p>
        <div class="row py-3">
            {% for post in posts %}
            <div class="col-lg-6">
                <div class="news-card">
                    <div class="text-center text-white bg-blue d-flex align-items-center news-card-date">
                        <div class="mx-auto news-card-date-body w-75">
                            <i class="far fa-calendar-alt d-none d-block mx-auto"></i>
                            <span class="d-block news-card-date-value mt-1">{{ post.published }}</span>
                        </div>
                    </div>
                    <div class="news-card-body">
                        <div class="news-card-img">
                <img class="img-fluid" src="{% static 'main/images/126.jpg' %}" alt="">
                        </div>
                        <div class="news-card-content">
                            <div class="news-card-content-inner">
                                <h2>{{ post.title }}</h2>
                                <p class="text-paragraph">{{ post.lead }}</p>
                                <a class="pb-2" href="#">Czytaj więcej</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
        <a class="pt-2" href="{% url 'posts:posts_list'  %}">Zobacz wszystkie &gt; &gt; </a>
    </div>
</section>

По сути, вы хотите добавить новый столбец для каждого post вposts.