Form Elements

Basic Input

Included .form-control to <input>, <select>s and <textarea>for general appearance, focus state, sizing, and more.

We'll never share your email with anyone else.

email@example.com

Input Group

@
@example.com
$
.00
ActionAnother actionSomething else here Separated link
ActionAnother actionSomething else here Separated link
@
@
@

Checkbox & Radio

Checkbox
Radio
Color Options

Switch

Switch
Color Options

Selectize

Selectize is the hybrid of a textbox and <select>box. It's jQuery-based and it's useful for tagging,contact lists,country selectors,and so on.

Single Item Select
Tagging
Option Groups

Date Time Picker

Default Datepicker

Use data-plugin="timepicker"create a basic timepicker.

Date Range

Using the input-daterangeconstruct with multiple child inputs will instantiate one picker per input and link them together to allow selecting ranges.

to
Inline Date Picker

Instantiating the datepicker on a simple div will give an embedded picker that is always visible

Summernote

Standard Editor
Custom Toolbar
Air-Mode

This is Air Mode editing area.

Lorem ipsum dolor sit amet,consectetur adipisicing elitconsectetur adipisicing elit.

  • - list text here
  • - list text here
    • list text here
    • list text here
    • list text here
  • - list text here
Click to edit
Click to edit text