尝试使用引导程序选择下拉菜单

Question

我开发了一个具有引导程序的站点，但是选择组件遇到了问题。这是代码

<tr>
    <td>    
        <div class="textAlignCenter">   
           <select  class="selectpicker" formControlName="maritalSituation">
                <option value="" selected>Situation maritale</option>
                <option value="MARIE">Marié</option>
                <option value="DIVORCE">Divorcé</option>
                <option value="CELIBATAIRE">Célibataire</option>
                <option value="VEUF">Veuf</option>
            </select>
        </div>  
    </td>
</tr>

我使用bootstrap-select来设计下拉列表（https://www.npmjs.com/package/bootstrap-select），但没有出现。当我检查Firebug时，我有以下课程

select.selectpicker {
    display: none !important;
}

因此选择元素不可见。我不明白，因为我用小提琴尝试过，并且可以使用（https://jsfiddle.net/flamant/3r6kucf8/4/）

我的应用程序中唯一与选择相关的类是以下

select {
  @extend input;
}

并且当我删除它时，没有任何变化

Answer 1

也许您忘了添加一些内容？像

bootstrap-select