Saya membuat satu bagian yang dibagi menjadi dua kolom. Setiap kolom mewakili satu entri blog. Sayangnya, dua kolom saat ini diberikan satu dan entri yang sama, dan keduanya akan menjadi dua terpisah. Saya tidak begitu mengerti bagaimana menggunakan tag siklus dengan benar dalam kasus ini.

contoh http://imgbox.com/NWO7qA7S

Saya menggunakan kerangka bootstrap 4 dan Django 2.2 untuk membuat halaman. Saya mencoba berbagai kombinasi, tetapi memahami pengoperasian tag siklus tidak jelas bagi saya.

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

Saat ini saya menerima duplikat satu posting di kedua kolom. Pada akhirnya, saya ingin menerima dua posting berbeda dalam dua kolom dalam satu bagian. Selanjutnya, saya ingin menambahkan bagian kedua saat membuat entri ketiga.

0
nsog8sm43x 24 Oktober 2019, 19:56

1 menjawab

Jawaban Terbaik

Saya pikir loop Anda berada di tempat yang salah. Saya rasa Anda tidak perlu menggunakan tag cycle untuk ini.

Coba ini:

<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>

Pada dasarnya, Anda ingin menambahkan kolom baru untuk setiap post di posts.

0
Sam Creamer 24 Oktober 2019, 17:17