javascript - 选择 + 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 标记 + 用于 Selectize 的 JS 和 CSS 附件将上述 ModelForm 粘贴到 HTML 文档后，我得到了一个工作标签窗口 - 到目前为止一切顺利。

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

产生这样的 View :

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

它的功能完好无损，但“selectize-control”和“selectize-input”div 未对齐。我可以将 form-control 应用到内部的 form-control，但是我无法看到将“is-valid/is-invalid”类添加到这些 div 中的任何一个的效果 - 绿色/红色框架是不可见的。

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

有人吗？

Answer 1

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