css - Bootstrap 3 多选插件作为表单元素

Question

我正在尝试添加 multiselect plugin到我的表格。我已经设法让一切正常工作 ( http://jsfiddle.net/Misiu/t2qaP/ )，但我希望选择的宽度为 100%。
我可以手动添加 css:

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

但也许有更好的方法使用 bootstrap 来做到这一点？

这是我的演示:http://jsfiddle.net/Misiu/t2qaP/

Answer 1

再次问好 ;)见

已更新

http://jsfiddle.net/t2qaP/13/

select.multiselect,
select.multiselect + div.btn-group,
select.multiselect + div.btn-group button.multiselect,
select.multiselect + div.btn-group.open .multiselect-container{
    width:100% !important;
}

更新 2您需要将 buttonClass 添加到多选选项。但为什么要这样做？看起来很好。 http://jsfiddle.net/t2qaP/14/

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