Developed by Codescandy

Bootstrap Select

Bootstrap-select requires jQuery v1.9.1+, Bootstrap’s dropdown.js component, and Bootstrap's CSS. If you're not already using Bootstrap in your project, a precompiled version of the Bootstrap v3.4.1 minimum requirements can be downloaded here. If using bootstrap-select with Bootstrap v4+, you'll also need Popper.js. For all of Bootstrap v4's requirements, see Getting started. A precompiled version of the requirements will be made available in an upcoming release of bootstrap-select.

Bootstrap Select Documentation

Usage

CSS

Copy-paste the stylesheet <link> into your <head> to load the CSS.

<link rel="stylesheet" href="../node_modules/bootstrap-select/dist/css/bootstrap-select.min.css">

Js

Copy-paste the following <script> and Function near the end of your pages.

<script src="../node_modules/bootstrap-select/dist/js/bootstrap-select.min.js"></script>

Basic examples

<!-- bootstrap select Select -->
                                                            <form>
                                                               <div class="form-group col-12 col-md-4">
                                                                  <label class="form-label">Select Option </label>
                                                                  <select class="selectpicker" data-width="100%">
                                                                     <option value="">Select Menu</option>
                                                                     <option value="1">1</option>
                                                                     <option value="2">2</option>
                                                                     <option value="3">3</option>
                                                                     <option value="4">4</option>
                                                                     <option value="5">5</option>
                                                                  </select>
                                                               </div>
                                                            </form>