django - Django 表单和引导程序 - 添加小部件有效但不完全

Question

我的 django 表单中的引导程序有问题。在表格中，我有以下代码：

make = forms.ChoiceField(choices=make_choices)
make.widget.attrs.update({'class': 'form-control'})

在教程中，我看到它应该足以呈现正确的引导选择字段。

但就我而言，它看起来像这样： 请注意：

• 缺少指示右侧实际下拉列表的箭头
• 灰色选择框不够宽，或者上面的框太宽？
• 标签“Make：”看起来也不像正确的引导标签。

我查看了几个教程，但在所有教程中，在 attrs 中添加这个“{'class':'form-control'}”就足够了。我也在尝试使用 django 酥脆的形式，但它们也不完全正确。我错过了什么？我做错了什么？

标签： djangotwitter-bootstrapbootstrap-4django-formsdjango-crispy-forms

Answer 1

从 bootstrap 5 文档https://getbootstrap.com/docs/5.0/forms/select/#default开始，您应该使用.form-select类来触发<select>元素的自定义样式，因此应该是

make.widget.attrs.update({'class': 'form-select'})

.form-control类用于像<input>和之类的元素<textarea>。