Installation

Bootstrap-select has a few dependencies you'll need to include on your page.

Dependencies

  • jQuery: v1.9.1+
  • Bootstrap: v3.0.0+ (Dropdown component and CSS are required).
    • If using Bootstrap v4+, Popper.js is also required.
    • If using Bootstrap v5+, Popper.js is also required.

Installation Methods

You can install bootstrap-select using several methods. Choose the one that best fits your project setup.

CDN

The quickest way to get started is to use a CDN. This is great for prototyping or for projects that don't use a package manager.

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

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta3/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-beta3/dist/js/i18n/defaults-*.min.js"></script>

Other CDNs like cdnjs and PageCDN are also available.

Package Managers

For most production applications, installing via a package manager is recommended.

npm

npm install bootstrap-select

yarn

yarn add bootstrap-select

Bower

bower install bootstrap-select

PHP & .NET

Composer

composer require snapappointments/bootstrap-select

NuGet

Install-Package bootstrap-select

Manual Download

You can also download the latest release directly from the GitHub repository.

  1. Download the latest release ZIP file.
  2. Extract the archive.
  3. Copy the files from the dist/ directory into your project.
    • dist/css/bootstrap-select.min.css
    • dist/js/bootstrap-select.min.js
    • (Optional) Translation files from dist/js/i18n/