Как вывести контент плиткой? - Python

Узнай цену своей работы

Формулировка задачи:

Вот так вывожу посту в шаблоне, но к сожалению только в один, левый столбик.
Листинг программы
  1. {% block content %} {% for post in posts %}<ul>
  2. <li>
  3. <div class="info">
  4. <h4>{{ post.title }}</h4>
  5. <p>{{ post.body }}</p>
  6. </div>
  7. </li>
  8. {% block content %} {% for post in posts %}<ul>
Для вывода в постов в соседний, правый столбик используется "li class" и выглядит все так:
Листинг программы
  1. {% block content %} {% for post in posts %}<ul>
  2. <li class="last_column">
  3. <div class="info">
  4. <h4>{{ post.title }}</h4>
  5. <p>{{ post.body }}</p>
  6. </div>
  7. </li>
  8. {% block content %} {% for post in posts %}<ul>
Как организовать вывод {% block content %} в два два столбика? В оригинальном шаблоне html+css все выглядит так:
Листинг программы
  1. <ul>
  2. <li>
  3. <a href="index.html"><img src="images/content/item_1-62x62.jpg" /></a>
  4. <div class="info">
  5. <h4><a href="index.html">Pilates Class</a></h4>
  6. <p>This page allows you to list an excerpt for your product</p>
  7. </div>
  8. </li>
  9. <li class="last_column">
  10. <a href="index.html"><img src="images/content/item_7-62.jpg</a>
  11. <div class="info">
  12. <h4><a href="index.html">Yoga Class</a></h4>
  13. <p>Cras mattis consectetur purus sit amet fermentum. Vestibu</p>
  14. </div>
  15. </li>
  16. </ul>

Решение задачи: «Как вывести контент плиткой?»

textual
Листинг программы
  1.  
  2. <ul> {% block content %} {% for post in posts %}
  3.               <li class="{% cycle 'last_column'  ''%}">
  4.                    <a href="index.html"><img src="media/images/content/item_1-62"></a>
  5.                    <div class="info">
  6.                           <h4>{{ post.title }}</h4>
  7.                           <p>{{ post.body }}</p>
  8.                     </div>
  9.                                                         </li>
  10. </ul>  {% endfor %} {% endblock %}

ИИ поможет Вам:


  • решить любую задачу по программированию
  • объяснить код
  • расставить комментарии в коде
  • и т.д
Попробуйте бесплатно

Оцени полезность:

13   голосов , оценка 4.538 из 5

Нужна аналогичная работа?

Оформи быстрый заказ и узнай стоимость

Бесплатно
Оформите заказ и авторы начнут откликаться уже через 10 минут