How should I style Django validation errors with Bootstrap?
In Twitter Bootstrap, input elements are enclosed between "control-group"
div
or fieldset
. So I would do something like this in template
{%for field in form %}
<div class="control-group {%if field.errors %}error{%endif%}">
{# render your field #}
</div>
{% endfor %}
Note: In bootstrap, class="alert alert-error"
seems to be for alert messages and not for field specific errors.
In Bootstrap 3, input elements are enclosed between "form-group" divs and the error class has changed to has-error.
{%for field in form %}
<div class="form-group {%if field.errors %}has-error{%endif%}">
{# render your field #}
</div>
{% endfor %}