A jQuery plugin for Bootstrap 4 that converts <select>
and <select multiselect>
elements to dropdowns. Uses fuse.js for fuzzy search and Bootstrap's dropdown plugin.
Get started quickly by using CDNs/hosted files.
The following code demonstrates embedding files for both Bootstrap and Bootstrap Select Dropdown. Check Introduction | Bootstrap for the latest versions.
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/3.2.0/fuse.min.js"></script>
<script src="bootstrap-select-dropdown.min.js"></script>
Install Bootstrap Select Dropdown in your Node.js apps with the npm package.
npm install bootstrap-select-dropdown
Include Bootstrap Select Dropdown in your Bootstrap project using Webpack.
Import Bootstrap Select Dropdown by importing in your app's entry point.
import 'bootstrap-select-dropdown'
If using search, Bootstrap Select Dropdown depends on Fuse.js. In this case, include Fuse.js in your package.json
using npm install --save fuse.js
.