如何自定义django bootstrap表单

时间:2018-04-22 11:36:10

标签: django python-3.x twitter-bootstrap django-forms django-templates

我正在使用boostrap表单,但我需要在我的设计中自定义它。当我简单地写

    <form class="firstform" method="POST" enctype="multipart/form-data">
    {% csrf_token %}
    {% bootstrap_form form %}

它显示了很好的形式,但我想编辑这个表单作为我的设计可能是最好的方法吗?

2 个答案:

答案 0 :(得分:1)

使用Django小部件调整。这是在django中装饰和修改模板的最佳方式。 https://pypi.org/project/django-widget-tweaks/

您可以添加属性,类等。

例如,如果您想在表单中插入输入,请添加

{% load widget_tweaks %}

{{ form.title|add_class:"css_class_1 css_class_2" }}

答案 1 :(得分:0)

您可以使用django widget tweaks。这就是我目前正在使用的。 使用pip install django-widget-tweaks安装它们并添加到installed_apps后,使用

加载它们
{% load widget_tweaks %}
在你的模板中

并使用它们:

{% render_field form.some_field | attr:"autfocus" class+="class1 class2" %}

将添加属性'autofocus'和类'class1'和'class2'