Stacked Form

Subscribe to our Newsletter

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam praesentium corporis non tenetur illo molestiae dignissimos nam commodi delectus officiis Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, dolorem.

Contact Form

Sample Basic Forms

Form row

Input Size

Use class .form-control-lg or .form-control-sm

Select Size

Use class .form-control-lg or .form-control-sm

Input Group
@
@example.com
https://example.com/users/
$
.00
With textarea
Multiple inputs
First and last name
Multiple addons
$ 0.00
$ 0.00
Button Addons
Segmented Buttons
Custom Select
Custom File Input
Upload
Upload
Form Grid

Basic form elements

Basic form elements

Select menu

Custom <select> menus need only a custom class, .custom-select to trigger the custom styles.

Checkboxes and radios

Input Sizes

Set heights using classes like .input-lg, and set widths using grid column classes like .col-lg-*.

Input Group

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs

@

Input Types

Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

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