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();进行初始化 我在jquery和boostrap.js库之后添加了库1.12.4 / js / bootstrap-select.min.js

当我点击选择框时，显示如下 -

可能是什么问题？

Answer 1

因为bootstrap选择使用bootstrap 3.而且bootstrap 3和4之间有很多重大的变化。但你只能下载bootstrap 3. *下拉CSS 和来自https://getbootstrap.com/docs/3.3/customize/的js并添加到您的项目

Answer 2

看到这个小提琴 DEMO

$('.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请参阅此链接support