选择 + 引导 4答案

【问题标题】：Selectize + Bootstrap 4选择 + 引导 4
【发布时间】：2019-03-19 11:03:59
【问题描述】：

我想在我的网页中添加一个简单的标记选项，使用 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 结构如下所示：

产生这样的视图：

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

它的功能完好无损，但“selectize-control”和“selectize-input”div 错位了。我可以将表单控制应用于内部，但是我无法看到将“is-valid / is-invalid”类添加到任何这些 div 的效果 - 绿色/红色框架不可见。

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

有人吗？

【问题讨论】：

标签： javascript html css django selectize.js

【解决方案1】：

我用selectize.bootstrap4.css 代替了默认的css。更多信息here

【讨论】：

【解决方案2】：

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

【讨论】：