Bootstrap-select jQuery plugin with Bootstrap 4 not working

Question

Why is Bootstrap-select not working properly with Bootstrap 4? Here is the code, It is displaying the search input button and the options separately as two separate buttons.

<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

If you update bootstrap-select CSS and JS to 1.13.1 it'll works perfectly

<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>

See: https://jsfiddle.net/w483cygx/