Hello John Doe

John Doe

Demonstration

Logout
20
Notification
Quick Links
New Contact
New Invoice
New Quote
New Expense

Form

Basic Form

All bootstrap element classes

We'll never share your email with anyone else.

email@example.com

Textual HTML5 Inputs

Here are examples of .form-control applied to each textual HTML5 input type

DEFAULT BASIC FORMS
Tip Sytle form
Custom Controls

All bootstrap element classes

A block of help text that breaks onto a new line and may extend beyond one line.
Input Sizing

Set heights using classes like .form-control-lg and .form-control-sm .

Input Groups
@
@example.com
https://example.com/users/
$
.00
With textarea
GO
Button Input Groups
Action Another action Something else here Separated link
Action Another action Something else here Separated link
Multi Column Form Layout
Please enter your Firstname
Please enter your Lastname
@
Select your Gender
Checkbox & Radio
Radio
Browser defaults Validations

Click on Submit Button to see validations

Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
Server side Validations

Add Class .is-invalid and .is-valid. Note that .invalid-feedback is also supported with these classes.

Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
Other Validations
Example invalid feedback text
More example invalid feedback text
Example invalid custom select feedback
Example invalid custom file feedback
© 2018. Cryptoboard Admin Template by ManasaTheme