Django создание .row для каждого поста - PullRequest
0 голосов
/ 11 апреля 2020

я впервые пишу в django. Когда я пытаюсь опубликовать шаблон, этот код создает новый <div class="row"></div> для каждого сообщения. Как я могу это исправить?


 <div class="container news-card">
{% for post in post_list %}
    <div class="row" stlye="max-width">
        <div class="card" style="width: 300px; height: 440px; margin-top: 60px; margin-left: 20px;">
            <div class="card-img-top m-fix"><img src="https://telgrafs.com/assets/src/news-col1-row1-card-image.png"></div>
            <div class="card-text news-category">Ekonomi</div>
            <div class="card-title news-ct">{{ post.title }}</div>
            <div class="ccard-text news-ctext up-fix">{{post.content|slice:":200" }}</div>
            <div class="card-img-bottom author-image"><img src="https://telgrafs.com/assets/src/profile-kaa.png"></div>
            <div class="card-author-name">{{ post.author }}</div>
            <div class="card-post-time">{{ post.created_on}} </div>
            <a href="{% url 'post_detail' post.slug  %}" class="card-text pb-more">DEVAMINI OKU &rarr;</a> 
        </div>
    </div>
{% endfor %}
</div>
{%endblock%}

1 Ответ

1 голос
/ 11 апреля 2020

Если вы не хотите, чтобы новая строка была сгенерирована для for l oop, просто поместите ее вне объявления {% for post in post_list %}.

Например:

<div class="container news-card">
    <div class="row" stlye="max-width">
    {% for post in post_list %}
    <div class="card" style="width: 300px; height: 440px; margin-top: 60px; margin-left: 20px;">
        <div class="card-img-top m-fix"><img src="https://telgrafs.com/assets/src/news-col1-row1-card-image.png"></div>
        <div class="card-text news-category">Ekonomi</div>
        <div class="card-title news-ct">{{ post.title }}</div>
        <div class="ccard-text news-ctext up-fix">{{post.content|slice:":200" }}</div>
        <div class="card-img-bottom author-image"><img src="https://telgrafs.com/assets/src/profile-kaa.png"></div>
        <div class="card-author-name">{{ post.author }}</div>
        <div class="card-post-time">{{ post.created_on}} </div>
        <a href="{% url 'post_detail' post.slug  %}" class="card-text pb-more">DEVAMINI OKU &rarr;</a> 
    </div>
    {% endfor %}
    </div>
</div>
{%endblock%}

Все в это объявление {% for post in post_list %} будет повторяться для каждого из элементов post_list.

...