Bootstrap-select is a jQuery plugin that utilizes Bootstrap's dropdown.js to style and bring additional functionality to standard select elements.

Download (v1.11.2)
Ad revenue is donated to Projecto Cana.

Getting Started


Requires jQuery v1.8.0+, Bootstrap’s dropdown.js component, and Bootstrap's CSS. If you're not already using Bootstrap in your project, a precompiled version of the minimum requirements can be downloaded here.


The folks at CDNJS host a copy of the library. The CDN is updated after the release is made public, which means there is a delay between the publishing of a release and its availability on the CDN, so keep that in mind. Just use these links:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="">

<!-- Latest compiled and minified JavaScript -->
<script src=""></script>

<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="*.min.js"></script>

Install with Bower

You can also install bootstrap-select using Bower:

$ bower install bootstrap-select

Install with npm

You can also install bootstrap-select using npm:

$ npm install bootstrap-select

Install with NuGet

You can also install bootstrap-select using NuGet:

$ Install-Package bootstrap-select


Create your <select> with the .selectpicker class. The data-api will automatically theme these elements.

<select class="selectpicker">

Options can be passed via data attributes or JavaScript.

  style: 'btn-info',
  size: 4

Used by

Thermo Fisher Scientific Inc.
Solve for All
Does your organization use bootstrap-select? Open an issue, and include a link and logo, and you'll be added to the list.