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

Download (v1.12.4)
Ad revenue is donated to charity Projeto Cana.
or donate by Paypal

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.