时间戳

首页 > 解决方案 > bootstrap-select 不适用于 boostrap 4.1

javascript - bootstrap-select 不适用于 boostrap 4.1

问题描述

我正在使用 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 进行初始化

当我单击选择框时，它显示如下 - 在此处输入图像描述

可能是什么问题呢？

标签： javascriptbootstrap-4bootstrap-selectbootstrap-selectpicker

解决方案

看到这个小提琴 演示

$('.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 查看此链接支持

推荐阅读