Выбор Bootstrap не будет выпадать при включении таблицы данных

Question

Я пытаюсь использовать Bootstrap select, это работает, но только на тех страницах, где datatables не загружен Проблема в том, что, когда я нажимаю на загрузочную кнопку выбора, она не превращает арию, потраченную на истину, странная вещь: когда я нажимаю на кнопку выбора и нажимаю клавишу на клавиатуре, она вызывает кнопку и раскрывает ее.

Я не знаю, есть ли быстрое решение для этого или datatables и Bootstrap select не будут работать вместе.

Мой код:

  <!--  // Header cdns
     DataTables -->
 <link rel="stylesheet" href="{{ asset('vendor/adminlte/plugins/datatables/dataTables.bootstrap.min.css') }}">

 <!-- Bootstrap-Select -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css">
   
<!--  // select button -->
  <select data-live-search="true" name="stores" id="stores" class="form-control selectpicker">
       <option value="1" data-content="Amsterdam"></option>
   </select>

<!-- // footer cdns
  Bootstrap-Select -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>
 
 <!-- DataTables -->
 <script type="text/javascript" src="https://cdn.datatables.net/r/bs-3.3.5/jqc-1.11.3,dt-1.10.8/datatables.min.js"></script>
 <script type="text/javascript" src="https://www.datatables.net/plug-ins/i18n/Dutch"></script>

Обратите внимание, что это не мой полный код, а только его важные части.

Answer 1

Таким образом, решение было простым, я загрузил его перед файлом bootstrap.js.. И его нужно загрузить после файла bootstrap.js.