Django html row problemi

Arkadaşlar merhaba:
İçeriklerimi 3’lü sütunlar halinde sıra sıra for dongösüü ile dizmek istiyorum.Lakin ekran görüntülerinde gördüğüüz gibi alt alta diziliyor.Bunu nasıl çözebilirim.Teşekkür ederim

‘’’

{% extends ‘layout.html’ %}
{% block body %}

Gündem:


{% if articles %}

{% for article in articles %}

      <div class="col-lg-4 col-md-6 mb-4">
        <div class="card h-100">
          <img class="img-fluid rounded" src="{{article.article_image.url}}" alt=""  style = 'width:500px; height:250px;'>
          <div class="card-body">
            <h4 class="card-title">
              <a href="#">{{ article.title }}</a>
            </h4>
            <h5>{{article.created_date}}</h5>
            <p class="card-text">{{article.content |safe}}</p>
          </div>
          <div class="card-footer">
            <small class="text-muted">{{ article.konu }}</small>
          </div>
        </div>
      </div>
      </div>

{% endfor %}

{% else %}

Bu kategoride herhangi bir yazı bulunmuyor
{% endif %} {% endblock body %}

‘’’

internette bunu buldum umarım işine yarayabilir bu


şu sitedeki kaynak sana yardımcı olur umarım

{% if forloop.counter|divisibleby:3 %}
    </div><div class="row">
{% endif %}