Skip to main content

Forms

Square only

Examples and usage guidelines for form control styles.

Bootstrap docsarrow-right-1

Basic examples

Here's a quick example to demonstrate Bootstrap's form styles. Keep reading for documentation on required classes, form layout, and more.

We'll never share your email with anyone else.

Form controls

Textual form controls—like <input>s, <select>s, and <textarea>s—are styled with the .form-control class. Included are styles for general appearance, focus state, sizing, and more.

Sizing

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

Input group

Place one add-on or button on either side of an input. You may also place one on both sides of an input. Remember to place

@
@example.com
https://example.com/users/
$
.00
With textarea

Validation

Provide valuable, actionable feedback to your users with HTML5 form validation–available in all our supported browsers..

Jump to