Bootstrap 未将 Flask-WTForms QuerySelectField 呈现为 HTML <select>答案

【问题标题】：Bootstrap not rendering Flask-WTForms QuerySelectField as HTML <select>Bootstrap 未将 Flask-WTForms QuerySelectField 呈现为 HTML <select>
【发布时间】：2021-10-01 01:13:18
【问题描述】：

我正在尝试构建一个 Flask 表单，其中一个字段是 QuerySelectField。一切正常，除了 Bootstrap 将 <select> 呈现为看起来像文本输入字段。

当我查看我的页面源时，我看到该字段呈现为<select class="form-control"...>。如果我正确阅读了 Bootstrap 文档，我需要将其更改为 <select class="form-select...>。我尝试将render_kw={'class': 'form-select'} 和extra_classes='form-select' 都放在我的表单类中，但后者抛出了一个意外关键字异常，而前者似乎被忽略了。

如何让我的SelectField 呈现为<select> 字段？

【问题讨论】：

标签： css jinja2 flask-wtforms bootstrap-5

【解决方案1】：

我通过从 Flask-Bootstrap 切换到 Bootstrap-Flask 解决了这个问题，因为前者已经好几年没有更新了。这还需要在我的模板中将{% import "bootstrap/wtf.html" as wtf %} 更改为{% import "bootstrap/form.html" as wtf %}，并将对wtf.quick_form() 的调用替换为对wtf.render_form() 的调用。

【讨论】：