Beautiful Form Elements
Checkbox
Normal style
You want beautiful and original checkbox mobile friendly?
Black skin
You can easily customize color adding data-theme attribute to an input
Horizontal group
Simple and beautiful checkbox for your forms.
Text Inputs Elements
Radio Button
Choose your skin
You can change color too adding data-theme attribute.
Size Inputs
3 Sizes different
You can change input size by adding a class such as input-lg for a big input size.
Before / After components
Customize Your Inputs
Adding on top of existing browser controls, Bootstrap includes other useful form components. Add text or buttons before or after any text-based input. Do note that select elements are not supported here.
Select Dropdowns
Size Options
Customize the size of your select input.
Small Input with data-style input-sm.
Normal input
Large input with data-style input-lg.
Color Options
Change color very easily to desgin your input.
Customize color with data-style="btn-yourcolor"
Options available
You can add various options to your select input.
Options group
Search input by passing data-live-search="true"
Arrow style for dropdown menu
Multiple Selection
Multiple selection with check icon.
Multiple titles
Counter style
Mix titles and counter
Labels & Subtext
You can add labels and subtitles to each option.
Bootstrap Icons with data-icon
Labels style with data-content
Subtext with data-subtext
Options available
You can add various options to your select input.
Disabled all or options
Divider option with data-divider="true"
Width adjust adding data-width (px, % or auto)
Switch Controls
Size Options
Cool switch input. To change size, add data-size attribute.
Color Options
You can customize color with data-on-color & data-off-color.
Icons Label
A cool iOS7 slide toggle. These are cutomize for all boostrap colors
Date and Time Elements
Rich Date Picker
Rich Datepicker with time selection option!
Bootstrap Date Picker
Rich Datepicker with time selection option!
Modal Date and Time Picker
Some advance setting that you can do with this calender, like to start from years an disable sections of dates
Modal Calendar
Modal Time Picker