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

Question

我正在尝试将多选插件添加到我的表单中.我已经设法使一切正常工作(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'
});

Answer 2

buttonWidth如果您不想修改css,可能需要使用选项.见下面的例子.

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

演示小提琴