在引导程序中使用选择库-CSS看起来很奇怪？

Question

我继承了一个php / laravel项目，该项目似乎利用了bootstrap和select2。每次我放置一个选择元素并在其上调用.select2()时，设计看起来都很奇怪，最终看起来像这样：

未单击：

点击：

我没有看到箭头或悬停效果。以前的程序员确实在select2中包含了css文件，并使用gulp将它们组合成一个相当大的样式表。我可以检查该元素，并且它显示了分配的正确的类。不确定是否出了问题，我什至尝试删除所有引导类，但看起来仍然像图像一样。

这是html：

        <div class="col-sm-6">
            <div class="form-group">
                <label class="control-label" for="plants">Plant</label>
                <select name="plants" id="plants" class="form-control">
                    @foreach ($plants as $plant)
                    <option value="{{$plant->code}}">{{$plant->code}}</option>
                    @endforeach
                </select>
            </div>
        </div>    

对于JQuery，我对此元素的所有要求是

$("#plants").select2();

有人可以帮我吗？

编辑

我奇怪的是，它看起来不像select2库页面中的标准select2下拉列表。例如，我缺少下拉菜单右边的箭头，向用户显示他们可以单击元素并查看选项。当我将鼠标悬停在某个值等上时，我会丢失突出显示的内容。例如，这是一个有人摆弄的小提琴，用于显示我所缺少的这些项目：http://jsfiddle.net/mmoore99/fqUhJ/3/