1826 Locust Street, Bainbridge, GA 31717 +1 (212) 269-1000 support@example.com

Overview

Bootstrap’s form controls expand on our Rebooted form styles with classes. Use these classes to opt into their customized displays for a more consistent rendering across browsers and devices.


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.

.form-control-lg

Default Input

.form-control-sm


Form row

You may also swap .row for .form-row, a variation of our standard grid row that overrides the default column gutters for tighter and more compact layouts.


Horizontal form

You may also swap .row for .form-row, a variation of our standard grid row that overrides the default column gutters for tighter and more compact layouts.

Radios
Checkbox

Auto-sizing

You may also swap .row for .form-row, a variation of our standard grid row that overrides the default column gutters for tighter and more compact layouts.

@
Footer Logo

We're on a mission to build a better future where technology creates good jobs for everyone.

Contact Info
25 Bedford St. New York City, N.Y.
(888) 888-1234
support@example.com