John Smith john.smith@gmail.com
Basic form
Individual form controls automatically receive some global styling. All textual <input>, <textarea>, and <select> elements with .form-control are set to width: 100%; by default. Wrap labels and controls in .form-group for optimum spacing.
Email address
Password
File input

Example block-level help text here.

Check me out
Horizontal form
Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout by adding .form-horizontal to the form. Doing so changes .form-groups to behave as grid rows, so no need for .row.
Email
Password
Remember me
Column sizing
Inline form
Add ".form-inline" to your <form> for left-aligned and inline-block controls. This only applies to forms within viewports that are at least 768px wide.
Email address
@
Password
Remember me
× Members
Jonathan Doe "Hey, What's up"
James Pill "Lorem ipsum dolor sit amet onsectetur adipiscing elit"
Work
Jonathan Morina Mason Yarnell Mike Mcalidek Cris Labiso Daniel Sandvid Helder Oliveira Jeff Broderik Daniel Sandvid Helder Oliveira Jeff Broderik
Partner
Mason Yarnell Mike Mcalidek Cris Labiso Jonathan Morina Daniel Sandvid Helder Oliveira

Invite People

Twitter Facebook
× Chat
Hi John, What's up...
2 minutes ago
Lorem ipsum dolor soe rooke..
1 minutes ago
Good!
5 seconds ago
Dlor soe isep..
Just now