Оформление страницы new_topic
Приведем остальные страницы к тому же стилю оформления. Следующей будет преобразована страница new_topic:
new_topic.html
{% extends "learning_logs/base.html" %}
{% load bootstrap3 %}
(1) {% block header %}
<h2>Add a new topic:</h2>
{% endblock header %}
{% block content %}
. .
(2) <form action="{% url 'learning_logs:new_topic' %}" method='post'
. . class="form">
. .
{% csrf_token %}
(3) . .{% bootstrap_form form %}
. .
(4) . .{% buttons %}
. . <button name="submit" class="btn btn-primary">add topic</button>
. .{% endbuttons %}
. .
</form>
. .
{% endblock content %}
В основном эти изменения аналогичны тем, которые были применены в login.html: мы загружаем bootstrap3 и добавляем блок header с соответствующим сообщением (1) . Затем в тег <form> добавляется class="form" (2), {{ form.as_p }} заменяется шаблонным тегом {% bootstrap_form %} (3), а для кнопки отправки данных используется структура bootstrap3 (4). Выполните вход и перейдите к странице new_topic; сейчас она должна быть похожа на страницу входа.