bootstrap-select 不适用于 bootstrap 4.1答案

【问题标题】：bootstrap-select not working with boostrap 4.1bootstrap-select 不适用于 bootstrap 4.1
【发布时间】：2018-04-30 19:00:31
【问题描述】：

我正在使用 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

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

可能是什么问题？

【问题讨论】：

因为 bootstrap 选择 Work with bootstrap 3
boostrap 4 可以使用什么？
npmjs.com/package/bootstrap-select-v4
插件已针对 Bootstrap 4 更新 stackoverflow.com/questions/41573624/bootstrap-4-styled-select

标签： javascript bootstrap-4 bootstrap-select bootstrap-selectpicker

【解决方案1】：

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

【讨论】：

【解决方案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 选择，适用于 Bootstrap v. 3 请参阅此链接support

【讨论】：