如何自定义 django bootstrap 表单

Posted 2023-02-24

【中文标题】如何自定义 django bootstrap 表单

【英文标题】：How to Customize django bootstrap form

【发布时间】：2018-10-02 13:51:30

【问题描述】：

我正在使用 boostrap 表单，但我需要在我的设计中对其进行自定义。当我简单地写

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

它显示了很好的表格，但我想编辑这个表格作为我的设计，最好的方法是什么？

【参考方案1】：

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

您可以添加属性、类等

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

% load widget_tweaks %

 form.title|add_class:"css_class_1 css_class_2" 

【讨论】：

感谢您的回复，您能告诉我如何在使用 boostrap 表单时显示小部件调整错误吗？

【参考方案2】：

您可以使用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'