A custom select / multiselect for Bootstrap using button dropdown, designed to behave like regular Bootstrap selects.
Bootstrap-select is jQuery plugin for bootstrap. It replaces the select HTML tags with Bootstrap dropdown buttons.
Quick Start
Bootstrap-select requires jQuery v1.9.1+, Bootstrap’s dropdown.js component, and Bootstrap's CSS. If you're not already using Bootstrap in your project, a precompiled version of the Bootstrap v3.4.1 minimum requirements can be downloaded here.
If using bootstrap-select with Bootstrap v4+, you'll also need Popper.js. For all of Bootstrap v4's requirements, see Getting started. A precompiled version of the requirements will be made available in an upcoming release of bootstrap-select.
Several quick start options are available:
- Download the latest release.
- Clone the repo:
git clone https://github.com/snapappointments/bootstrap-select.git - Install with npm:
npm install bootstrap-select - Install with yarn:
yarn add bootstrap-select - Install with Composer:
composer require snapappointments/bootstrap-select - Install with NuGet:
Install-Package bootstrap-select - Install with Bower:
bower install bootstrap-select - Install via CDN (cdnjs or jsDelivr):
Stack Snippet Starter Pack
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta/dist/css/bootstrap-select.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta/dist/js/bootstrap-select.min.js"></script>
<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta/dist/js/i18n/defaults-*.min.js"></script>
<select class="selectpicker">
<option>Mustard</option>
<option>Ketchup</option>
<option>Barbecue</option>
</select>
Note: The CDN is updated after the release is made public, which means that there is a delay between the publishing of a release and its availability on the CDN.
Bootstrap 4 only works with bootstrap-select v1.13.0+. By default, bootstrap-select automatically detects the version of Bootstrap being used. However, there are some instances where the version detection won't work. See the documentation for more information.
