bootstrap-select不适用于boostrap 4.1

Question

我正在使用Bootstrap 4.1，我想使用boostrap-select js使一个选择输入可搜索-https: //github.com/silviomoreto/bootstrap-select

对于我尝试过的测试

<select class="selectpicker">
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>

并用$('.selectpicker').selectpicker();初始化$('.selectpicker').selectpicker(); 我在jquery和boostrap.js库之后添加了1.12.4 / js / bootstrap-select.min.js库

当我单击选择框时，它显示如下：

可能是什么问题呢？

Answer 1

因为引导程序选择使用引导程序3。并且在引导程序3和4之间有很多重大更改。但是您只能下载引导程序3。*从https://getbootstrap.com/docs/3.3/customize下拉CSS和js。 /并添加到您的项目

Answer 2

看到这个小提琴演示

 $('.selectpicker').selectpicker(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script> <select class="selectpicker"> <option>Mustard</option> <option>Ketchup</option> <option>Relish</option> </select> 

引导程序选择，与Bootstrap v。一起使用。3请参阅此链接支持