Bootstrap3到django项目的实现

我为Bootstrap3的实现工作时遇到了一个表单中的问题

<form class="form-horizontal" action="" method="post">
    {% csrf_token %}

    {% for field in form %}
        <div class="form-group {% if field.errors %} error{% endif %}{% if field.required %} required{% endif %}">
            <label class="col-sm-2 control-label" for="{{ field.id_for_label }}">{{ field.label_tag }}</label>
                {{ field }}
                    {% for error in field.errors %}
                    <p class="help-block">{{ error }}</p>
                    {% endfor %}
        </div>
    {% endfor %}
</form>

{%csrf_令牌%}
{%形式的字段为%}
{{field.label_tag}
{{field}}
{%字段中有错误。错误%}
{{error}
{%endfor%}
{%endfor%}

---

输入没有class=“表单控件”，因此表单无法正确显示。如何修复它？

事实上，默认的Django表单小部件会出现这种情况。按照复杂性的顺序，您有以下可能性：

• 使用jQuery普遍应用任何自定义属性：例如：

  $('input[type="text"], input[type="email"], input[type="url"], select').addClass('form-control');
  

---

最后一个有点麻烦，但很有效，你不太在乎JS是否被禁用，因为这会影响样式而不是功能。

看看django crispy表单。 这是将django项目与Bootstrap3集成的简单方法