Css Bootstrap 3 multiselect插件作为表单元素

我想把它加到我的表格里。 我已经设法使一切正常工作（），但我希望选择的宽度为100%。
我可以手动添加css：

 .btn-group, .btn-group .multiselect {
    width: 100% !important;
}

但是，也许有更好的方法用引导来实现这一点

这是我的演示：

又来了你好；） 看

已更新

更新2 您需要将

按钮class

添加到多选选项中。但为什么要这样做呢？看起来很好。

---

如果您不想修改css，您可能需要使用

按钮宽度

选项。参见下面的示例

$('.multiselect').multiselect({
    includeSelectAllOption: true,
    buttonWidth: '411px'// here you need to specify width value
});

---

multiselect插件允许管理此操作。

我添加了

按钮宽度：“100%”

并且效果很好：）我们可以修改按钮的高度吗？我尝试添加buttonHeight，但它没有任何作用。@KevinCohen我认为没有称为buttonHeight的选项。您应该能够增加高度的按钮与简单的css黑客。你能用你尝试过的代码创建一个小提琴吗？我可以帮助你进行css破解。我已经检查了你的答案，效果更好，因为它也会影响选择列表。顺便说一句，我怎样才能让那个按钮看起来像输入-蓝色焦点等？我想让所有元素看起来都一样。谢谢：）谢谢你的解决方案。我原以为multiselect网站会在其示例中提供。如果没有正确呈现，我认为链接在2019年已断开：(

$('.multiselect').multiselect({
    includeSelectAllOption: true,
    buttonClass: 'form-control'
});

$('.multiselect').multiselect({
    includeSelectAllOption: true,
    buttonWidth: '411px'// here you need to specify width value
});

$('.input-daterange').datepicker();
$('.multiselect').multiselect({
    includeSelectAllOption: true,
    buttonClass : "col-sm-12"
});