此时会出现Select2.js两个选择框

我试图在我的项目中实现select2.js，但是，当使用他们页面中的示例时，会出现两个选择框。我正在使用引导和select2的最新版本

@section Scripts{
  @Scripts.Render("~/plugins/select2")
}

@section Styles{
  @Styles.Render("~/plugins/select2Styles")
}

<script type="text/javascript">
    $(document).ready(function () {
    //$("#selectStoreId").select2();
    $(".select2_demo_1").select2({
        placeholder: 'Select an option',
        dropdownParent: $(".select2_demo_1")
    });
});
</script>

<div class="row">
 <div class="col-md-4">
     <p>
         Select2 is a jQuery based replacement for select boxes. It can take 
       a regular select box and turn it into:
    </p>
    <select class="select2_demo_1 form-control">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
        <option value="5">Option 5</option>
      </select>
  </div>
</div>

我得到：

---

我不知道我做错了什么。请帮助：

我找到了解决方案。我没有导入正确的css文件结构

尝试从select标记中删除表单控件类。对我来说，成功了。你解决了吗？我也有同样的问题