Django Forms 和 bootstrap - 添加小部件有效但不完全
Django Forms and bootstrap - adding widgets works but not fully
我的 Django 表单中的 bootstrap 有问题。在表格中我有这个代码:
make = forms.ChoiceField(choices=make_choices)
make.widget.attrs.update({'class': 'form-control'})
并且在教程中我看到渲染正确的 bootstrap 选择字段应该就足够了。
但就我而言,它看起来像这样:
请注意:
- 缺少指示右侧实际下拉菜单的箭头
- 灰色select框不够宽,或者上面的框太宽?
- 标签“Make:”看起来也不像正确的 bootstrap 标签。
我检查了几个教程,但在所有教程中,在 attrs 中添加这个“{'class': 'form-control'}”就足够了。我也在试验 django 脆皮形式,但它们也不完全正确。我错过了什么?我做错了什么?
从 bootstrap 5 文档 https://getbootstrap.com/docs/5.0/forms/select/#default 开始,您应该使用 .form-select
class 来触发 <select>
元素的自定义样式,因此它应该是
make.widget.attrs.update({'class': 'form-select'})
.form-control
class 用于 <input>
和 <textarea>
.
等元素
我的 Django 表单中的 bootstrap 有问题。在表格中我有这个代码:
make = forms.ChoiceField(choices=make_choices)
make.widget.attrs.update({'class': 'form-control'})
并且在教程中我看到渲染正确的 bootstrap 选择字段应该就足够了。
但就我而言,它看起来像这样:
- 缺少指示右侧实际下拉菜单的箭头
- 灰色select框不够宽,或者上面的框太宽?
- 标签“Make:”看起来也不像正确的 bootstrap 标签。
我检查了几个教程,但在所有教程中,在 attrs 中添加这个“{'class': 'form-control'}”就足够了。我也在试验 django 脆皮形式,但它们也不完全正确。我错过了什么?我做错了什么?
从 bootstrap 5 文档 https://getbootstrap.com/docs/5.0/forms/select/#default 开始,您应该使用 .form-select
class 来触发 <select>
元素的自定义样式,因此它应该是
make.widget.attrs.update({'class': 'form-select'})
.form-control
class 用于 <input>
和 <textarea>
.