Bootstrap-выберите плагин jQuery с Bootstrap 4 не работает

Question

Почему Bootstrap-select не работает должным образом с Bootstrap 4? Вот код, он отображает кнопку ввода поиска и параметры отдельно в виде двух отдельных кнопок.

<select class="selectpicker" data-live-search="true">
  <option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
  <option data-tokens="mustard">Burger, Shake and a Smile</option>
  <option data-tokens="frosting">Sugar, Spice and all things nice</option>
</select>

Answer 1

Если вы обновите boottrap-select CSS и JS до 1.13.1, это будет отлично работать

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>

Смотрите: https://jsfiddle.net/w483cygx/

Answer 2

Проблема с вашим JSFiddle заключалась в неправильной версии CSS в теге ссылки. Сетевой запрос CSS выбрасывал 404 не найден, так как в CDN cdnjs такой версии не существует. Изменили номер версии с 1.13.2 на 1.13.1 и он отлично работает. Проверьте JSFiddle

https://jsfiddle.net/35go2hp1/

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>