修改列表框的bootstrap多选插件

Question

我已使用bootstrap multi select plugin进行多项选择。我参考了https://www.aspsnippets.com/Articles/Multiple-Select-MultiSelect-DropDownList-with-CheckBoxes-in-ASPNet-using-jQuery.aspx。我想修改这个插件的一些CSS效果。

例如，我的下拉列表中有9个选项。当我从列表中选择3个选项时，它会显示项目名称，但如果我选择了更多项目，则仅显示所选项目的数量。我为此列表框添加了col-md-12但仍然没有显示超过3个项目的名称。

另外如何增加列表框控件的长度？

Answer 1

这两个都可以通过查看documentation来回答，这应该是你做的第一件事。

来自文档：

1：Changing number of options shown before "n selected" message：

$('#example-numberDisplayed').multiselect({
     numberDisplayed: 1
});

2：Changing button width：

$('#example-buttonWidth-overflow').multiselect({
     buttonWidth: '150px'
});