Basic Forms

Basic form labels have inline block styling where form controls are below its label. This is the default bootstrap and most basic style for displaying forms.

You can always add more stuff like form sections, form control borders, tooltips, icons, round form controls, square form controls etc...

Refer following links for usage:

Horizontal Forms

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.

To align labels to the right side, use .form.form-horizontal .mb-1 .label-control

You can always add more stuff like form sections, form control borders, tooltips, icons, round form controls, square form controls etc...

Refer following links for usage: