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

时间:2016-01-06 11:25:20

标签: html css django twitter-bootstrap

理想情况下,我想在前端“扩展”我的字段。它们必须更长,就像在管理面板中制作它们一样。目前它们看起来像这样: enter image description here

但是我希望他们像这样描绘(我的管理员是自助btw): enter image description here

这是我的代码:

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

底线 如何使我的表单在我的管理面板中看起来具有视觉吸引力?

1 个答案:

答案 0 :(得分: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表格

如果您想要更多选项来呈现表单,可以阅读有关crispy的文档。或者只使用原生的django表单,并渲染此表单的每个字段,如{{ form.your_field }}