Selectize.js导致Bootstrap选择元素格式化问题

Question

Selectize.js扭曲了我的引导元素（尽管在功能方面没有问题）。具体来说，有两个问题。

1. 组合框区域一样，加倍，一部分比另一部分窄
2. 选项区域有点透明!!!



然而，如果我切换选择，它应该看起来像这样

HTML：

<div class="form-group">
   <span style= "font-weight:bold" class="col-sm-1">Факт. адрес
   </span>
   <div class="col-sm-2">
      <div class="sandbox">
         <select id="fct_address_country_id" class="form-control input-sm" placeholder="Страна"">
         </select>
      </div>         
   </div>
      ....
 </div>

JS

var initializeSelectize = function(id, selectize_type, maxItems) {

    if (typeof(maxItems)==='undefined') maxItems = 1;
    switch(selectize_type) {
        case 1: // SINGLE_ELEMENT_EXTENTABLE
            $select = $(document.getElementById(id)).selectize({
                create: true,
                maxOptions: MAX_OPTIONS});
            break;
        case 2: // SINGLE_ELEMENT_PREDEFINED
            $select = $(document.getElementById(id)).selectize({
                persist: false,
                maxOptions: MAX_OPTIONS});
            break;
        case 3: // MULT_ELEMENT
            $select = $(document.getElementById(id)).selectize({
                maxItems: maxItems,
                maxOptions: MAX_OPTIONS});
    }
    return $select[0].selectize;
}

vendorsFctAddressCountryId_selectize = initializeSelectize ('fct_address_country_id', selectize_type.SINGLE_ELEMENT_PREDEFINED);

只有另一个JQuery函数可以从数据库中填充组合框，但它显然与该问题没有任何关系。

Answer 1

我知道这已经过时了，但在解决同一问题时遇到了麻烦，因此可能对未来的用户而言：

检查以下内容：

• 您是否包含了Selectize的.css文件？
• 要进行选择的输入是否包含引导程序表单控件类？如果是这样，删除它。

• 可选择使用Selectize初始化脚本中的选项：

  dropdownParent：“body”， inputClass：'form-control'，

希望这可以帮助任何有同样问题的人。