Оформление страницы со списком тем

А теперь позаботимся о том, чтобы страницы для просмотра информации также были выдержаны в том же стиле. Начнем со страницы со списком тем:

topics.html

{% extends "learning_logs/base.html" %}

(1) {% block header %}

<h1>Topics</h1>

{% endblock header %}

{% block content %}

<ul>

{% for topic in topics %}

<li>

(2) . . . .<h3>

. . . . <a href="{% url 'learning_logs:topic' topic.id %}">{{ topic }}</a>

. . . .</h3>

</li>

{% empty %}

<li>No topics have been added yet.</li>

{% endfor %}

</ul>

(3)

<h3><a href="{% url 'learning_logs:new_topic' %}">Add new topic</h3>

{% endblock content %}

Тег {% load bootstrap3 %} не нужен, потому что в этом файле не используются никакие шаблонные теги bootstrap3. Заголовок Topics добавляется в блок header (1) . Каждая тема оформляется как элемент <h3>, чтобы она выводилась чуть более крупным шрифтом на странице (2); то же самое делается со ссылкой добавления новой темы (3).