このDjangoフォームのスタイル設定方法は？

Question

{% extends 'base.html' %} 
{% block head %} 
{% endblock head %} 
{% block body %} 
    <div> 
     <div class="container" id="outer"> 
    <div> 
     <h1>User Login Form</h1> 
    </div> 
    <div> 
     <form method="post"> 

      {% csrf_token %} 
      {{ form.as_p }} 
      <button type="submit" class="btn btn-block">Login</button> 
     </form> 
     </div> 
</div> 
</div> 
{% endblock body %} 

forms.pyを使用せずにこのコードを作成し、forms.soのスタイリングに問題が発生しました。私の問題を解決するのを助けてください。あなたは単に自分の段落タグ内のすべてのフォーム要素を表示している

{{ form.as_p }} 

としてフォームに表示

Answer 1

。フォームのスタイルを

一つの方法はあなたに彼らのDISPLYのより良好な制御を可能にする、独自のdivでそれらを持って、そのように自分自身のdivに

{% for field in form %} 
    <div> 
     {{ field.errors }} 
     {{ field.label_tag }} {{ field }} 
    </div> 
{% endfor %} 

を各フォーム要素を表示することです。 同様に、forms.pyの定義の中で独自のクラスを要素に与えることができます。私は、ユーザー名フィールドでログインフォームを持っている場合たとえば、私が行うことができます。これは、この

<div> username <input type="text" class="form-control"></div> 

あなたは、その後使用して、フォームのスタイルを設定することができますように見えるHTML要素を作成します

username = forms.CharField(widget=forms.TextInput(attrs={'class': 'form-control'})) 

次正しいクラス。詳細はこちら：https://docs.djangoproject.com/en/1.11/topics/forms/