Select2.js 出现两个选择框

Question

我正在尝试在我的项目中实现 select2.js，但是，当使用他们页面中的示例时，会出现两个选择框。我正在使用 Bootstrap 和 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>

我得到:
Two select boxes

我不知道我做错了什么。请帮忙:)

Answer 1

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