Selectpicker

Basic

data-provide="selectpicker"applies to a <select>


With optgroups



Multiple

Add multipleattribute


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 titleattribute



Multiple example


Selected text

Add titleattribute 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 disabledattribute

Types

Select pickers support all kind of input types.