bootstrap-select не работает с boostrap 4.1

Question

Я использую Boosttrap 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(); Я добавляю библиотеку 1.12.4 / js / bootstrap-select.min.js после библиотек jquery и boostrap.js

Когда я нажимаю на поле выбора, это выглядит так -

В чем может быть проблема?

Answer 1

смотри эту скрипку 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 См. Эту ссылку поддержка

Answer 2

Поскольку начальной загрузки выберите «Работа с начальной загрузкой 3». Между начальной загрузкой 3 и 4 произошли значительные изменения. Но вы можете загрузить только загрузочную версию 3. * раскрывающийся список CSS и JS от https://getbootstrap.com/docs/3.3/customize/ и добавить в свой проект