@@include('global/_head.html',{ "headTitle": "Vendor plugin", "bootstrapselect": "true" }) @@include('docs/_sidebar.html', {"page": "plugins"})
@@include('global/_page-header.html', {"PageHeader": "sticky-top"} )
  1. Home
  2. Docs
  3. Vendor
  4. Bootstrap Select

Bootstrap Select

How it works

The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Bootstrap Select

Standard select boxes

You can set the button classes via the data-style attribute:

Select boxes with optgroups
Multiple select boxes
Live search

You can add a search input by passing data-live-search="true" attribute:

Customize options

Icons

Add an icon to an option or optgroup with the data-icon attribute:

Custom content

Insert custom HTML into the option with the data-content attribute:

Venenatis vehicula

Add subtext to an option or optgroup with the data-subtext attribute:

Get started with Bootstrap @@include('docs/_quick-url.html')
@@include('global/_page-footer.html', {"PageFooter": ""} )
@@include('global/_full-screen-menu.html', {"divClass": ""} ) @@include('global/_need-help.html', {"divClass": "offcanvas-start"} ) @@include('global/_quick-access.html', {"divClass": "offcanvas-end"} ) @@include('global/_theme-setting.html', {"divClass": "offcanvas-end"} ) @@include('global/_site-map.html', {"divClass": "offcanvas-start sm"} ) @@include('global/_body-hero-img-2.html', {"bodyBgClass": "body-bg"} ) @@include('global/_plugin-script.html', { "bootstrapselect": "true" })