A custom select for @twitter bootstrap using button dropdown.

CSS Classes: .selectpicker

Examples

Disable

Advanced customization

Insert custom HTML into the option with the data-content attribute:

Add a header to the dropdown menu, e.g. header: 'Select a condiment' or data-header="Select a condiment"

Colors

Bootstrap colors

Theme colors

Dee Admin Template custom password strength

A tiny color picker built on jQuery.

CSS Classes: .minicolors-input

Control

In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery

DropzoneJSis an open source library that provides drag’n’drop file uploads with image previews.

CSS Classes: .dropzone

Nice, downward compatible, touchable, jQuery dial.

To use Knobinputs you have to define an input element like: <input type="text" value="75" class="knobClass" data-*>and then convert this input into a knob with this JS function: $(".knobClass").knob();

Easy, flexible and responsive range slider with skin support.

A clock-style timepicker for Bootstrap (or jQuery).

To use Clockpicker you have to define a divwith clockpickerclass like this: <div class="clockpicker"></div>

And invoke the clockpickerJS function like this: $('.clockpicker').clockpicker();

With button

Autoclose

Datepicker for Bootstrap

Form input

Date Picker can be used like a normal input element: <input type="text" type="text" class="form-control" id="datepicker">

Inline

Or like an inline div: <div id="datepicker">

Once you have the inputor the divyou need to call the datepicker function like this: $('#datepicker').datepicker();

This is a masked input plugin for the jQuery javascript library.

Bootstrap TouchSpinis a mobile and touch friendly input spinner component for Bootstrap 3.

A simple jQuery image cropping plugin.