logo

Text Inputs

Username

.form-control-static
.form-control .input-sm
.form-control
.form-control .input-lg
.example-typeahead

Prepend Content

@
Firstname:

Append Content

.00

Prepend & Append Content

$ .00
Facebook

Validation States

Tooltip with info
Popover with info
Valid!
The password is too small!
Login failed!

Pickers

.input-colorpicker
As a component
RGBa
.input-timepicker
.input-datepicker
As a component
.input-daterangepicker

Textareas

Add the .textarea-editor class to a textarea to transform it into a wysiwyg editor
Add the .ckeditor class to a textarea to transform it into a rich wysiwyg editor
Add the .textarea-elastic class to a textarea and will auto expand as you write

Switches, Checkboxes, Radios & Selects

Checked
Unchecked
.select-chosen
.select-chosen
.select-select2
.select-select2

File Upload

Dropzone Just add .dropzone class to a form! On unsupported browsers it will fall back to normal input

Input Grid