ブートストラップでDjango検証エラーをどのようにスタイルする必要がありますか？

Question

Djangoのフォームに検証エラーがあると、エラーはクラスerrorlistのリストに与えられます。

要素には、class="alert alert-error"を設定して、ブートストラップでエラースタイルを与えることができます。

これらを組み合わせて、Djangoフォームの検証エラーにBootstrapのエラースタイルを使用する最も良い方法は何ですか？

Answer 1

Twitter Bootstrapでは、入力要素は"control-group"divまたはfieldsetの間に囲まれています。だから私は、テンプレートに

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

注意をこのような何かをするだろう：ブートストラップでは、class="alert alert-error"は、警告メッセージのためではなく、フィールドの特定のエラーのためにあるように思われます。

Answer 2

これはすでにスタイルされています！ :)

• https://github.com/maraujop/django-crispy-forms/
• https://github.com/earle/django-bootstrap

これらのライブラリは、フォームのラッパーとして機能し、Djangoのブートストラップあなたが基本スタイル（ブートストラップデフォルトを持っているように使用され、関連するクラス名を追加します）

Answer 3

ブートストラップ3では、入力要素が「フォームグループ」divで囲まれ、エラークラスがhas-errorに変更されました。

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