Selectpicker

Basic

Multiple

liveSearch

Limited

withIcons

Subtext

selectOptions

individualStyle

selectTheme

  • Uses Instruction

  • NPM Install: npm install bootstrap-select@1.14.0-beta3
  • Add the following line into the <head> of each template or page that you want to use flatfickr on.
    
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="./../assets/vendors/bootstrap-select/css/bootstrap-select.min.css">
    
    <!-- (Optional) FontAwesome CSS for icons working -->
    <link rel="stylesheet" href="./../assets/vendors/bootstrap-select/css/bootstrap-select.min.css">
    
  • Add the following lines before the <body> of each template or page that you want to use flatfickr on.
    
    <!-- Latest compiled and minified JavaScript -->
    <script src="./../assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
    
  • Usage:
    • Via selectpicker class. Add the selectpicker class to your select elements to auto-initialize bootstrap-select.
    • Via JavaScript
      
      // To style only selects with the my-select class
      $('.my-select').selectpicker();
      or
      // To style all selects
      $('select').selectpicker();
      
      If calling bootstrap-select via JavaScript, you will need to wrap your code in a .ready() block or place it at the bottom of the page (after the last instance of bootstrap-select).
  • For full documentation please visit the link: https://developer.snapappointments.com/bootstrap-select/