Django Forms和bootstrap -添加小部件工作，但不完全

vawmfj5a 于 2023-04-18 发布在 Bootstrap

关注(0)|答案(2)|浏览(104)

我在我的django表单中遇到了bootstrap问题。在表单中我有这样的代码：

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

在教程中，我看到它应该足以呈现适当的引导选择字段。
但在我的例子中，它看起来像这样：x1c 0d1x请注意：

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

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

twitter-bootstrap

来源：https://stackoverflow.com/questions/65541547/django-forms-and-bootstrap-adding-widgets-works-but-not-fully

2条答案

按热度按时间

t98cgbkg1#

在bootstrap 5 docs www.example.com中https://getbootstrap.com/docs/5.0/forms/select/#default您应该使用.form-select类来触发<select>元素的自定义样式，因此它应该是

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

.form-control类用于<input>和<textarea>等元素。

赞(0）回复(0）举报 2023-04-18

pgpifvop2#

更新时间：2023年

'field_name': forms.Select( attrs={'class': 'form-control'})

如果在Forms.py中使用widget

class Name(forms.ModelForm):
class Meta:
    model = modelName
    fields = {'field1', 'field1'}
    widgets = {
        'field1': forms.Select( attrs={'class': 'form-control'})
    }

赞(0）回复(0）举报 2023-04-18

我来回答

Django Forms和bootstrap -添加小部件工作，但不完全

2条答案

更新时间：2023年

相关问题

热门标签

最新问答