Bootstrap FormsIn Bootstrap, there are three types of form layouts:
Bootstrap Form RulesThere are three standard rules for these 3 form layouts:
1) Bootstrap Vertical Form (Default) |
In Bootstrap Inline forms, all elements are inline, left-aligned, and the labels are alongside.
This example is only applied to forms within viewports that are at least 768px wide!
Example:
You have to add some additional rules if you want to create a horizontal form.
Additional rules for a horizontal form:
Example:
In Bootstrap4, form controls automatically receive some global styling with Bootstrap.
All textual ,
Bootstrap 4 provides full width stacked forms.
Let's take an example to create a stacked form with two input fields, one checkbox, and a submit button.