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

We use cookies. Read the Privacy and Cookie Policy

Приведем остальные страницы к тому же стилю оформления. Следующей будет преобразована страница 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; сейчас она должна быть похожа на страницу входа.