Obecnie dla każdego artykułu w artykule tworzony jest nowy element div o klasie span4. Zamiast tego dla każdego wiersza chciałbym ograniczyć jego zawartość do trzech zakresów i utworzyć nowy wiersz po osiągnięciu tego limitu. Jak najlepiej to wdrożyć?Jinja2: Utwórz nowy wiersz na każde 3 elementy.
{% extends "base.html" %}
{% block content %}
<div class="container-fluid">
<legend></legend>
<div class="row-fluid" id="main">
{% for article in articles %}
<div class="span4">
<div class="thumbnail">
<a href="{{ article.url }}"><img src="http://placehold.it/300x150/483CB4"></a>
<div class="caption">
<h4><a href="{{ article.url }}">{{ article.title }}</a></h4>
<p> {{ article.summary }}</p>
</div>
<legend></legend>
<a class="btn" href="#"><i class="icon-thumbs-up"></i></a>
<a class="btn" href="#"><i class="icon-thumbs-down"></i></a>
</div>
</div>
{% endfor %}
</div>
</div>
{% endblock %}
Cel:
<div class="row">
<div class="span4">article[0]</div>
<div class="span4">article[1]</div>
<div class="span4">article[2]</div>
</div>
<div class="row">
<div class="span4">article[3]</div>
<div class="span4">article[4]</div>
<div class="span4">article[5]</div>
</div>
Dokładnie to, czego szukałem. Lepiej przeczytam całą dokumentację Jinja2. Dzięki. – cryptojuice
Witam, świetne rozwiązanie, co jeśli chcę pokazać jako 3 elementy w pierwszym rzędzie, 4 elementy w drugim rzędzie, ponownie 3 elementy w trzecim rzędzie, 4 elementy w 4. rzędzie, jako alternatywne. –
Następnie potrzebujesz własnej wersji filtra - pisanie nie jest takie trudne, ale margines tego komentarza jest zbyt mały, aby pomieścić kod. Napisz kolejne pytanie, z tym, co masz do tej pory. :-) –