Html 如何使select2 multiselect字段适合整个页面？

我正在尝试用thymeleaf和Select2构建一个漂亮的multiselect。数据由Thymeleaf传输，并创建包含所有数据的multiselect。Select2仅在条件下工作

在标记中使用style=“width:100%”时，问题尚未解决。它可能连接到引导或其他东西

[...] //Other Code
<div class="row">
 <div class="col-sm-12">
  <label for="sektor">Sektoren</label>
  <div class="input-group">
    <select id="sektoren" class="select2_multiple" multiple="multiple" name="sektoren[]"  th:field="*{sektoren}" size=4>
     <option th:each="sektoren : ${konfigForm.sektorenArray}" th:value="${sektoren}" th:utext="${sektoren}"></option>
    </select>
  [...] //Some Code for the Info-Modul Button (working fine)
  </div>
 </div>
</div>

[…]//其他代码
塞克托伦
[…]//信息模块按钮的一些代码（工作正常）

问题在于，select字段没有扩展到整个页面。值垂直列出，整个字段被压缩

剪掉多选按钮：

尝试以下操作：

.content-article{
    max-width: 100% !important;
    margin: 0 !important;
}

---

谢谢你的回答。我将style=“width:100%”放在错误的选择标记中。现在它可以正常工作了。