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="mb-3 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>
Contents