Forms
Basic Form
Form Legend
Email address
Password
File input
Example block-level help text here.
Unchecked
Submit
Inline Form
Email address
Password
Remember me
Sign in
Horizontal form
Email
Password
Remember me
Sign in
Inputs
Option one is this and that—be sure to include why it's great
Option one is this and that—be sure to include why it's great
Option one is this and that—be sure to include why it's great
Option one is this and that—be sure to include why it's great
1
2
3
1
2
3
4
5
1 option
2 option
3 option
4 option
5 option
Static control
Email
email@example.com
Password
Disabled Input
Disabled fieldsets
Disabled input
Disabled select menu
Disabled select
Can't check this
Submit
Validation states
Input with success
Input with warning
Input with error
Control sizing
Height sizing
My Profile
My Friends
Messages
My Settings
Logout
My Profile
My Friends
Messages
My Settings
Logout
My Profile
My Friends
Messages
My Settings
Logout
My Profile
My Friends
Messages
My Settings
Logout
Form group sizing
Huge label
Large label
Default label
Small label
Column sizing
Help text
A block of help text that breaks onto a new line and may extend beyond one line.
Input groups
Basic example
@
.00
$
.00
Sizing
@
@
@
@
Button addons
Go!
Go!
Buttons with dropdowns
Action
Action
Another action
Something else here
Separated link
Action
Action
Another action
Something else here
Separated link
Segmented buttons
Action
Action
Another action
Something else here
Separated link
Action
Action
Another action
Something else here
Separated link