Forms

## Selects

Customize the native selects with custom CSS that changes the element’s initial appearance. Read the Official Bootstrap Documentation for a full list of instructions and other options.

##### Basic Example

Custom styles are limited to the select’s initial appearance and cannot modify the options due to browser limitations.

##### Sizing

You may also choose from small and large custom selects to match our similarly sized text inputs.

##### Disabled

Add the disabled boolean attribute on a select to give it a grayed out appearance and remove pointer events.

## Select 2

A jQuery based replacement for select boxes. It supports searching, remote data sets, and pagination (infinite scrolling) of results. Read the Official Select2 Documentation for a full list of instructions and other options.

##### Basic Usage

By default it supports all options and operations that are available in a standard select box, but with added flexibility.

##### With Search

Select2 by default does have a search box displayed but most of the time this template uses select2 without a search.

##### Disabled

Select2 will respond to the disabled attribute on select elements. You can also initialize Select2 with `disabled: true` to get the same effect.

##### Multiple Box

Select2 also supports multi-value select boxes. The select below is declared with the multiple attribute.

##### Clearable

When set to true, causes a clear button close icon to appear on the select box when a value is selected. Clicking the clear button will clear the selected value, effectively resetting the select box back to its placeholder value.

##### Limit Selection

Select2 multi-value select boxes can set restrictions regarding the maximum number of options that can be selected.