如何管理下拉菜单的宽度（使用jquery多选择下拉菜单进行引导）

Question

这是我用于多选下拉列表的jquery库的链接：https://www.jqueryscript.net/form/jQuery-Multiple-Select-Plugin-For-Bootstrap-Bootstrap-Multiselect.html#:~:text=Bootstrap%20Multiselect%20is%20a%20plugin,2.0%20%26%20BSD%203%2DClause.

该功能正常工作，我还可以使用“ buttonWidth”属性更改下拉按钮的宽度，但是唯一的是当我打开下拉菜单时，列表的宽度与按钮的宽度不匹配。

附加屏幕截图以显示外观

我在这里放了一些类似于实际代码的代码段。

HTML部分：

<select id="demo" class="mdb-select form-control" multiple="multiple">
  <option value="Javascript">Javascript</option>
  <option value="Python">Python</option>
  <option value="LISP">LISP</option>
  <option value="C++">C++</option>
  <option value="jQuery">jQuery</option>
  <option value="Ruby">Ruby</option>
</select>

Java脚本：

$(document).ready(function () {

            $('#demo').multiselect({
                buttonWidth: '100%'
            });
});