bootstrap 4 selectpicker code example

Example 1: bootstrap 4 selectpicker

<select class="selectpicker">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Barbecue</option>
</select>

Example 2: bootstrap 4 selectpicker

$(function () {
    $('select').selectpicker();
});

Example 3: bootstrap 4 selectpicker

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-select.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-select.min.js"></script>

<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/i18n/defaults-*.min.js"></script>

Example 4: bootstrap 4 selectpicker

// To style only selects with the my-select class
$('.my-select').selectpicker();

Example 5: bootstrap 4 selectpicker

// To style all selects
$('select').selectpicker();