Selectpicker
Basic
data-provide="selectpicker"
applies to a <select>
With optgroups
Multiple
Add multiple
attribute
Live search
Add data-live-search="true"
Limit selection
Add multiple data-max-options="2"
Or for optgroup add data-max-options="2"
Placeholder
Add title
attribute
Multiple example
Selected text
Add title
attribute to <option>
Subtext
Add data-subtext="..."
to <option>
Checkmark
Add class .show-tick
Style individual options
Use classes and styles in <option>
Width using bootstrap grid
Using data-width
Add data-width="auto"
Add data-width="fit"
Add data-width="200px"
Add data-width="75%"
Options icon
Add data-icon="fa fa-user"
to <option>
Custom content
Add data-content="..."
to <option>
Select/deselect all options
Add data-actions-box="true"
Divider
Include <option data-divider="true"></option>
in options
Menu header
Add data-header="..."
Disabled
Add disabled
attribute
Types
Select pickers support all kind of input types.