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.


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

With textarea


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