Javascript Jquery select2 select2-搜索\u字段大小错误

我正在处理一个引导模板，我正在使用select2和引导主题。我有多个内置select2的可折叠面板。第一个面板是可见的，有3个

col-md-4

（每个选择一个），并且

select2-search\u字段

获得

宽度：518px

所有其他面板都是折叠的，列数相同，

select2-search\u字段

获得

宽度：100%

规则。这有点烦人，因为当我打开折叠面板时，我看到：

与此相反：

谁能告诉我怎么解决这个问题吗？这是一个简单的css问题吗

提前感谢您的回答

编辑： 我正在添加隐藏的面板代码，我省略了

.panel group

和

.panel heading

divs:

<div id="option-group" class="panel-collapse collapse">
    <div class="panel-body">
        <div class="form-group col-md-4">
            <select class="form-control autocomplete" name="id_material" data-placeholder="Select material" multiple></select>
        </div>
        <div class="form-group col-md-4">
            <select class="form-control autocomplete" name="id_color" data-placeholder="Select color" multiple></select>
        </div>
        <div class="form-group col-md-4">
            <select class="form-control autocomplete" name="id_detail" data-placeholder="Select detail" multiple></select>
        </div>
    </div>
</div>

你是说占位符被部分覆盖了？您需要在代码片段中进行复制，以便我们可以查看所有内容是如何交互的。占位符部分被覆盖，因为

select2-search\u字段

的宽度错误。。。无论如何，我将编辑我的答案，包括代码。没有CSS，代码就没有帮助，因为这很可能是CSS问题。有问题的JSFIDLE或类似工具将允许某人精确定位影响select2的规则。我正在使用默认css作为引导，而select2使用引导主题。。。不管怎样，我以后会加小提琴，谢谢你的建议