Form Layouts
Form Grid
More complex forms can be built using our grid
classes. Use these for form layouts that require
multiple columns, varied widths, and additional
alignment options. Requires the $enable-grid-classes Sass
variable to be enabled (on by default).
Gutters
By adding gutter modifier classes, you can have control over the gutter width in as
well the inline as block direction.
Also requires the $enable-grid-classes Sass variable to be enabled (on by default).
Vertical Form
Horizontal Form
Horizontal Form Label Sizing
Use col-form-label-sm class to set
small size form label or
col-form-label-lg class to set large size
form label to <label>. No such class is required
for the default size form label.
Column Sizing
Use sm=required size size value to set
column size as per your requirement.
Auto Sizing
Inline Forms
Use row-cols-* class to set form inline.
Floating Labels
Use form-floating class to enable floating
labels with Bootstrap’s textual form fields.