[英]bootstrap-select not working with 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();
初始化$('.selectpicker').selectpicker();
我在jquery和boostrap.js庫之后添加了1.12.4 / js / bootstrap-select.min.js庫
可能是什么問題呢?
因為引導程序選擇使用引導程序3。並且在引導程序3和4之間有很多重大更改。但是您只能下載引導程序3。*從https://getbootstrap.com/docs/3.3/customize下拉CSS和js。 /並添加到您的項目
看到這個小提琴演示
$('.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請參閱此鏈接支持
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.