Released Installed
snapappointments: Requires jQuery, Bootstrap CSS + JS, then bootstrap-select. Order matters. v1.14+ supports Bootstrap 5 (still needs jQuery).
<!-- CSS in <head>: Bootstrap + bootstrap-select -->
<link rel="stylesheet" href="https://cdn.roste.org/bootstrap/latest/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdn.roste.org/bootstrap-select/latest/bootstrap-select.min.css" />
<!-- JS before </body>: jQuery → Bootstrap → bootstrap-select -->
<script src="https://cdn.roste.org/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.roste.org/bootstrap/latest/bootstrap.bundle.min.js"></script>
<script src="https://cdn.roste.org/bootstrap-select/latest/bootstrap-select.min.js"></script>
<script>$(function () { $('.selectpicker').selectpicker(); });</script><!-- CSS in <head>: Bootstrap + bootstrap-select -->
<link rel="stylesheet" href="https://cdn.roste.org/bootstrap/latest/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdn.roste.org/bootstrap-select/latest/bootstrap-select.min.css" />
<!-- JS before </body>: jQuery → Bootstrap → bootstrap-select -->
<script src="https://cdn.roste.org/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.roste.org/bootstrap/latest/bootstrap.bundle.min.js"></script>
<script src="https://cdn.roste.org/bootstrap-select/latest/bootstrap-select.min.js"></script>
<script>$(function () { $('.selectpicker').selectpicker(); });</script><!-- CSS in <head>: Bootstrap + bootstrap-select -->
<link rel="stylesheet" href="../bootstrap/latest/bootstrap.min.css" />
<link rel="stylesheet" href="latest/bootstrap-select.min.css" />
<!-- JS before </body>: jQuery → Bootstrap → bootstrap-select -->
<script src="../jquery/3.7.1/jquery.min.js"></script>
<script src="../bootstrap/latest/bootstrap.bundle.min.js"></script>
<script src="latest/bootstrap-select.min.js"></script>
<script>$(function () { $('.selectpicker').selectpicker(); });</script><select class="selectpicker">
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select><select class="selectpicker">
<optgroup label="Picnic"><option>Mustard</option><option>Ketchup</option></optgroup>
<optgroup label="Camping"><option>Tent</option><option>Flashlight</option></optgroup>
</select><select class="selectpicker" multiple>
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select><select class="selectpicker" data-live-search="true">
<option>Hot Dog, Fries and a Soda</option>
<option>Burger, Shake and a Smile</option>
</select><select class="selectpicker" multiple data-actions-box="true">
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select><select class="selectpicker" data-style="btn-primary">...</select>
<select class="selectpicker show-tick">...</select>