Basic Form (Form grid)

Basic Form (Form row)

Basic Form Without Label

Horizontal Form

Horizontal Form

Create horizontal forms with the grid by adding the .row class to form groups and using the .col-*-* classes to specify the width of your labels and controls.Be sure to add .col-form-label to your <label>s as well so they’re vertically centered with their associated form controls. For <legend> elements, you can use .col-form-legend to make them appear similar to regular <label> elements.

Your Gender:

Horizontal Form

Use .form-horizontal class to set horizontal form.

Inline Form

Use .form-inline class in the form to style with inline fields.

Basic Inline Form

Basic Inline Form Without Label

Controls Sizing

Input Sizing

Select Sizing

Column Sizing

Horizontal Form Label Sizing

Input Grid