Getting Started
Content & Layout
Components
Utilities

Forms

Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.

Bootstrap Forms Documentation

Default

Example with form text.

We'll never share your email with anyone else. 



                            
                            

                            We'll never share your email with anyone else.

Variation

Apply class .form-control-soft for this variation.

We'll never share your email with anyone else. 



                            
                            



                            We'll never share your email with anyone else.

Emphasized

Apply class .form-control-highlight to either .form-control or .form-control-soft

Rounded and Square

We'll never share your info with anyone else.
We'll never share your info with anyone else. 



                            

                            We'll never share your info with anyone else.




                            

                            We'll never share your info with anyone else.

Sizes

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

States

Styles for valid, invalid and readonly inputs.

Custom Forms Checkboxes

Custom Forms Radios

Custom Forms Switches

Custom Forms Range

Custom Forms File Upload

Form Examples

We'll never share your email with anyone else. 



    

        
        
        We'll never share your email with anyone else.