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

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 }}