Skip to content
Shim repository for Bootstrap-select that works with bootstrap 4.
HTML JavaScript PowerShell CSS
Branch: master
Clone or download
Rico Kaltofen
Rico Kaltofen added icon test
Latest commit 0ce465c Jan 19, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github bootstrap 4.0.0-alpha.6 compatible version, make li elements to ancho… Jun 29, 2017
dist v1.12.13 Nov 13, 2017
docs bootstrap 4.0.0-alpha.6 compatible version, make li elements to ancho… Jun 29, 2017
less bootstrap 4.0.0-alpha.6 compatible version, make li elements to ancho… Jun 29, 2017
nuget bootstrap 4.0.0-alpha.6 compatible version, make li elements to ancho… Jun 29, 2017
sass v1.12.13 Nov 13, 2017
.gitignore bootstrap 4.0.0-alpha.6 compatible version, make li elements to ancho… Jun 29, 2017
CHANGELOG.md v1.12.14 Jan 19, 2018
CONTRIBUTING.md bootstrap 4.0.0-alpha.6 compatible version, make li elements to ancho… Jun 29, 2017
Gruntfile.js
LICENSE bootstrap 4.0.0-alpha.6 compatible version, make li elements to ancho… Jun 29, 2017
README.md bootstrap 4.0.0-alpha.6 compatible version, make li elements to ancho… Jun 29, 2017
bower.json bower package Oct 11, 2017
composer.json v1.12.14 Jan 19, 2018
package.json bootstrap 4.0.0-alpha.6 compatible version, make li elements to ancho… Jun 29, 2017
test.html added icon test Jan 19, 2018

README.md

bootstrap-select

Latest release Bower npm NuGet CDNJS

License Dependency Status devDependency Status

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

bootstrap-select demo

Demo and Documentation

You can view a live demo and some examples of how to use the various options here.

Bootstrap-select's documentation, included in this repo in the root directory, is built with MkDocs and publicly hosted on GitHub Pages at http://silviomoreto.github.io/bootstrap-select. The documentation may also be run locally.

Running documentation locally

  1. If necessary, install MkDocs.
  2. From the /bootstrap-select/docs directory, run mkdocs serve in the command line.
  3. Open http://127.0.0.1:8000/ in your browser, and voilà.

Learn more about using MkDocs by reading its documentation.

Authors

Silvio Moreto, Ana Carolina, caseyjhol, Matt Bryson, and t0xicCode.

Usage

Create your <select> with the .selectpicker class.

<select class="selectpicker">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Barbecue</option>
</select>

If you use a 1.6.3 or newer, you don't need to do anything else, as the data-api automatically picks up the <select>s with the selectpicker class.

If you use an older version, you need to add the following either at the bottom of the page (after the last selectpicker), or in a $(document).ready() block.

// To style only <select>s with the selectpicker class
$('.selectpicker').selectpicker();

Or

// To style all <select>s
$('select').selectpicker();

Checkout the documentation for further information.

CDN

N.B.: 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. Check the GitHub page for the latest release.

Bugs and feature requests

Anyone and everyone is welcome to contribute. Please take a moment to review the guidelines for contributing. Make sure you're using the latest version of bootstrap-select before submitting an issue.

Copyright and license

Copyright (C) 2013-2015 bootstrap-select

Licensed under the MIT license.

Used by

Does your organization use bootstrap-select? Open an issue, and include a link and logo, and you'll be added to the list.

You can’t perform that action at this time.