Font Awesome + Bootstrap + Chosen

Plain Bootstrap forms

Select list (select one):

Text input

Mutiple select list (hold shift to select more than one):

Text input with success

Disabled select list

Allow deselect on single selects

Mutiple select list

You can wrap your <div class="form-group"> in a <fieldset disabled> to disable it.

Single select disabled

Mutiple select disabled

Single select with groups

Multiple select with groups

You can add class="chosen-rtl" to enable the right to left mode. Please note that Bootstrap does not support RTL out of the box.

Single select

Multiple select

Allow deselect on single selects

Single select success

Multiple select with warning

Single select success with feedback

Multiple select with error and feedback

Using Chosen with Bootstrap is easy and looks awesome.

Integrate Bootstrap into your project.
Read the chosen documentation, download the plugin and copy the chosen files to your app.
Download the stylesheet and add it to your app.
Activate the plugin on the select boxes of your choice: $('.chosen-select').chosen({width: '100%'})