JSPM

  • Created
  • Published
  • Downloads 103033
  • Score
    100M100P100Q149980F
  • License MIT

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

Package Exports

  • bootstrap-select
  • bootstrap-select/dist/css/bootstrap-select.min.css
  • bootstrap-select/js/bootstrap-select
  • bootstrap-select/js/i18n/defaults-pt_BR

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (bootstrap-select) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

bootstrap-select

Bower Latest release 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 https://developer.snapappointments.com/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.

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 (C) 2012-2018 SnapAppointments, LLC

Licensed under the MIT license.