选择+ Bootstrap 4

Question

我想使用Selectize for Django向我的网页添加一个简单的标记选项。我首先创建了一个ModelForm，如下所示：

class Tag_forms(ModelForm):
    class Meta:
        model = case
        fields = ['tags']   
        widgets = {
        'tags': tag_widget.TagSelectize(attrs={
                        'placeholder': '',
                            }),
        }
    def __init__(self, *args, **kwargs):
        super(Tag_forms, self).__init__(*args, **kwargs)
        self.fields['tags'].widget.attrs.update({})

在通过Django标记+ JS和CSS的Selectize附件将上述ModelForm粘贴到HTML文档中之后，我得到了一个有效的标记窗口-到目前为止非常好。

但是，当我尝试将一些Bootstrap表单格式实现为混合格式时，问题就开始了。 Django实现所构建的HTML结构如下所示：

哪个会产生这样的视图：

但是，当我尝试将表单控件类添加到“ selectize-control”以很好地格式化其中的所有内容并将其与Bootstrap优点对齐时，我得到以下信息：

它的功能完好无损，但是“ selectize-control”和“ selectize-input” div的位置未对齐。我可以将窗体控件应用于内部控件，但是随后我失去了查看向这些div中的任何一个添加“ is / valid / is-invalid”类的效果的能力-绿色/红色框不可见。

不仅如此，我也无法真正在该代码中向第二个inpu框添加id或任何实际属性-当我将这些所需参数处理到ModelForm代码中时，它们出现在外部输入框上，甚至不显示出来。

有人吗？

Answer 1

我使用了selectize.bootstrap4.css而不是默认的CSS。更多信息here

Answer 2

从选择输入中删除类表单控件