Form Basic

Basic Material inputs

Just add form-material class to the form that's it.
Select file Change Remove
A block of help text that breaks onto a new line and may extend beyond one line.

Different Widths

Just add col* class to form-group
Select file Change Remove

Basic Examples

With Material Design Colors

With Material Design Colors - Filled In

Basic Radio button Examples

With Material Design Colors
You can use material design colors which examples are .radio-col-pink, .radio-col-cyan class

With Material Design Colors - With Gap
Add to .with-gap class

Switch Button

With Different Colors

RED
PINK
PURPLE
DEEP PURPLE
INDIGO
BLUE
LIGHT BLUE
CYAN
TEAL
GREEN
LIGHT GREEN
LIME
YELLOW
AMBER
ORANGE
DEEP ORANGE
BROWN
GREY
BLUE GREY
BLACK

Default Basic Forms

All bootstrap element classies

Default Horizontal Forms

All bootstrap element classies
Select file Change Remove
A block of help text that breaks onto a new line and may extend beyond one line.

Custom File Uploads with different languages

Upload
Upload

Input groups

All bootstrap element classies
@

@example.com

https://example.com/users/

$
.00

$
0.00
0.00
$
0.00

Input States

Validation styles for error, warning, and success states on form controls.

Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.

Sample Basic Forms

Bootstrap Elements

Sample Horizontal form

Use Bootstrap's predefined grid classes for horizontal form