django - 将 Bootstrap 应用于 Django 注册页面

Question

我有一个 Django 应用程序，我在其中使用带有表单的身份验证系统。我在关注 this tutorial去做。

<div class="panel panel-default">
    {% if registered %}
    <strong>Thank you for registering!</strong>
    <a href="/lms/">Return to the homepage.</a><br />
    {% else %}
    <strong><h3>Register here!</h3></strong><br />
        <form id="user_form" method="post" action="/lms/register/" enctype="multipart/form-data">

            {% csrf_token %}

            {{ user_form.as_p }}
            {{ profile_form.as_p }}

            <input type="submit" name="submit" class="btn btn-primary" value="Register" />
        </form>
    {% endif %}
</div>

现在我正在尝试将这些表单添加到 Bootstrap 标签中。但由于它将表单的所有元素都放在一个语句中，我如何使用 Bootstrap 使这些标签显示出来？

Answer 1

您不必在单个语句中输出模板中的表单。你可以这样做:

{% for field in user_form %}
    <p class="some-bootstrapclass">{{ field.label_tag }}{{ field }}</p>
{% endfor %}

这是一个非常简单的例子。

但是我强烈建议您看一下脆皮形式:

http://django-crispy-forms.readthedocs.org

使用 crispy forms，您可以在 forms.py 中设置所有内容，并且仍然在模板中的单个语句中输出表单，例如:

{% load crispy_forms_tags %}

{% crispy user_form %}