执行bootstrap 3到django项目

Question

我为bootstrap 3的实现工作遇到了表单中的问题。

<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>

输入没有class =“form-control”，因此表单无法正确显示。如何解决？

Answer 1

确实，这会发生在默认的Django表单小部件中。根据复杂程度，您有以下可能性：

• Build custom form widgets
• Override the widget's attributes

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

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

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

Answer 2

看看django-crispy-forms http://django-crispy-forms.readthedocs.org/en/latest/install.html。 将django项目与bootstrap 3集成是一种简单的方法