Select2和Bootstrap 3 CSS问题

Question

我在基于Bootstrap 3的项目中使用了Select2插件。 我找不到解决一个问题的方法。当我使用select2时，如.input-group的一部分，所选值很长 - 它是经纪结构。 （我做了一些CSS来适应引导风格select2，但它不影响display:风格，所以我不附加它）。

JS fiddle

当我使用.input-group那么它改变孩子的元素display: table-cell，但我不能强迫元素，以适应父容器。我无法更改max-width:的.input-group，因为它不起作用。我确实尝试更改table-layout，但它似乎不适用于与<table>不同的元素。

任何想法如何解决这个问题？ PS。我无法将任何额外的CSS类添加到这些元素中的任何一个。

Answer 1

您应该尝试dropdownAutoWith选项。

$('select').select2({ 
    dropdownAutoWidth: true 
}); 

这是您的小提琴的fork，我的答案适用。