Form Layouts

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

You can always add more stuff like .form-section class, icons inside input, round form controls using .form-control.round class, square form controls using .form-control.square class etc.

Form Types
From Options Class Description
Hidden Labels .sr-only Use this class with label as a sibling of input.form-control
Bordered Form .form-bordered .form-group Use this class with form for bordered form. To align label and input, use label.label-control.
Striped Form .striped-rows .form-group Use this class with form for striped form. To align label and input, use label.label-control.
Bordered Striped Form .form-bordered.striped-rows .form-group Use this class with form for bordered striped form. To align label and input, use label.label-control.

Refer following links for usage:

Type URL
Plugin Link https://getbootstrap.com/docs/4.4/components/forms/
Template page path-to-apex-page/form-layout.html