如何更改前端模型字段的外觀？

Question

理想情況下，我想在前端「擴展」我的領域。他們必須更長時間，就像在管理面板中製作時一樣。目前，他們是這樣的：

但是我希望他們描繪的是這樣的（我的管理是BTW自舉）：

這裏是我的代碼：

<div class="container"> 

<h1>Opret ny klient</h1> 
<form method="POST" class="post-form">{% csrf_token %} 
    {{ form.as_p }} 
    <button type="submit" class="btn btn-primary">Opret klient</button> 
    <button type="button" class="save btn btn-default">Tilbage til klienter</button> 
</form> 

</div> 

底線 如何讓我的表單看起來像在我的管理面板中一樣具有視覺吸引力？

Answer 1

如果你在尋找快速的方式，只需使用crispy forms
http://django-crispy-forms.readthedocs.org/en/latest/install.html#installing-django-crispy-forms

pip install --upgrade django-crispy-forms

在settings.py：
INSTALLED_APPS = ( ... 'crispy_forms', )

在模板的頂部：
{% load crispy_forms_tags %} 和渲染像這樣的形式{% form|crispy %}
默認使用bootstrap表格

如果您需要更多選項來呈現您的表單，您可以閱讀關於脆皮的文檔。或者只是使用本地Django表單，並呈現此表單的每個字段，如{{ form.your_field }}