javascript - Bootstrap 多选按钮宽度问题

Question

我用过Bootstrap的Multiselect

我的问题是当我从选项中选择项目时。如果名称太长，按钮宽度也会增加。

如何在选择选项后处理按钮宽度。

Answer 1

.multiselect 为您提供了一个名为 buttonWidth 的参数。当没有选择任何内容时，这将使宽度保持更宽。你也可以在那里放一个 % 。您可以像这样设置宽度:

<script type="text/javascript">
    $(document).ready(function() {
        $('#yourcontrol').multiselect({
            buttonWidth: '100px'
        });
        //caret is in the middle, switch it to right
        $(".caret").css('float', 'right');
        $(".caret").css('margin', '8px 0');
    });
</script>