Bootstrap 4 Multiselect Dropdown

Bootstrap 4 Multiselect Dropdown

I read on many forums that the problem of select and multiselect has been resolved after the beta version of bootstrap 4.

Unfortunately I am unable to display the multiselect as in (bootstrap 3) in (bootstrap 4).

Bootstrap 3 Snippet

$('select').selectpicker();
<script src=""></script>
<link rel="stylesheet" href="">
<link rel="stylesheet" href="">
<script src=""></script>
<script src=""></script>

<select class="selectpicker" multiple data-live-search="true">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>

Bootstrap 4 Snippet

$('select').selectpicker();
<script src=""></script>
<link rel="stylesheet" href="">
<script src=""></script>

<select class="selectpicker" multiple data-live-search="true">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>

1 Answer

Because the bootstrap-select is a Bootstrap component and therefore you need to include it in your code as you did for your V3

NOTE: this component only works in since version 1.13.0

$('select').selectpicker();
<link rel="stylesheet" href="">
<link rel="stylesheet" href="" />
<script src=""></script>
<script src=""></script>
<script src=""></script>

<select class="selectpicker" multiple data-live-search="true">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>
8
David Miller
Author

David Miller

David Miller brings 15 years of experience in global economics, personal finance strategy, and market dynamics. He specializes in turning complex economic trends into actionable insights for everyday readers.