Form Examples

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Basic Form

Email address

Password

File input

Example block-level help text here.

Check me out

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

1 2 3 4 5

Submit

---

Inline Form

Name

Email

1 2 3 4 5 Send invitation

---

Horizontal Form

Email

Password

Remember me

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

Sign in

---

Check Boxes Form

Option one is this and that—be sure to include why it's great

Option two is disabled

Option one is this and that—be sure to include why it's great

Option two can be something else and selecting it will deselect option one

Option three is disabled

---

Inline Check Boxes Form

1 2 3
1 2 3

---

Validation States

---

Add Ons

---

Buttons

Buttons. We get buttons. We get lots and lots of buttons.

Link Button

Button Color Options

Button Text Button Text Button Text

Button Block

Button Text Button Text Button Text Button Text

---

Adjusting the size of inputs

... ... ...

---

Warning Messages

Success message, .bg-success

Info message, .bg-info

Warning message, .bg-warning

Error message, .bg-error