Как я должен стилизовать ошибки проверки Django с Bootstrap?

когда форма в Django имеет ошибки проверки, ошибки приведены в списке С class errorlist.

элементы могут быть даны стиль ошибки с Bootstrap, установив class="alert alert-error".

каков наилучший способ объединить их и использовать стиль ошибки Bootstrap для ошибок проверки в формах Django?

3 ответов


в Twitter Bootstrap входные элементы заключены между "control-group" div или fieldset. Поэтому я бы сделал что-то подобное в template

{%for field in form %}
<div class="control-group {%if field.errors %}error{%endif%}">
{# render your field #}
</div>
{% endfor %}

Примечание: в bootstrap, class="alert alert-error" кажется, для предупреждающих сообщений, а не для поля конкретных ошибок.


в Bootstrap 3 входные элементы заключены между divs "form-group", и класс ошибки изменился на has-error.

{%for field in form %}
  <div class="form-group {%if field.errors %}has-error{%endif%}">
    {# render your field #}
  </div>
{% endfor %}

Он уже был оформлен! :)

эти библиотеки действуют как обертка вокруг вашей формы и добавляют соответствующие имена классов, которые используются в загрузочном устройстве Django, так что у вас есть базовый стиль (bootstrap default) из коробки