Form Elements Inputs, controls and more

Inputs

Horizontal form
.00
$ .00
Prepended and appended inputs
Default Form

You can select some type of a field just right in the place.

Anything can be appended to the right
Form Options
Control sizing

Set input heights using classes like .input-lg and .input-sm. Also works with type="search" inputs and selects. For input groups use .input-group-lg & .input-group-sm.


Form Options
Input Groups

Different colors & sizes for any elements including input groups. Elements may be easily styled with classes like .bg-primary or .bg-gray-lighter


Textareas
Condensed form
Selects
Default form with labels on left
Dropdown based colored selects
Auto size
Checkbox Controls
Basic

Supports bootstrap brand colors: .checkbox-primary, .checkbox-info etc. Pure css solution with no javascript. Let your checkboxes shine!

Circled

.checkbox-circle for roundness. No more sad controls controls. Check out this brand-new rounded checkboxes!

Disabled

Disabled state also supported. Full stack checkbox functionality.

Built with awesome-bootstrap-checkbox.

Radio Controls
Basic

Supports bootstrap brand colors: .radio-primary, .radio-danger etc. Pure css solution with no javascript. Let your radios shine!

Disabled

Disabled state also supported. Full stack radios functionality.

Cool iOS-like switches

Simple component that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simple steps.

Pickers
Date & Time
Colors
Input Masks
Masked inputs
Sliders

Color Options

LetIt extends Bootstrap Slider and provides different color options:

Slider Orientation

Vertical orientation is also possible. Simply changing data-slider-orientation attribute does the thing.

                   

Range Selector

Range selector, options specified via data-slider-value attribute as an array. Price range selector: