问

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

nzwznet_355 发布于 2023-02-07 19:45

http

我正在尝试将多选插件添加到我的表单中.我已经设法使一切正常工作(http://jsfiddle.net/Misiu/t2qaP/),但我希望选择100%宽度.
我可以手工添加css:

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

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

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

2 个回答

再次问好;)看

更新

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'
});

在此输入图像描述

2023-02-07 19:48 回答

景圣南_863

buttonWidth如果您不想修改css,可能需要使用选项.见下面的例子.
```
$('.multiselect').multiselect({
    includeSelectAllOption: true,
    buttonWidth: '411px'// here you need to specify width value
});
```
演示小提琴
2023-02-07 19:48 回答

筱杰丶Jevon_879

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签