#### 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:

Type | URL
--- | ---
Plugin Link | https://getbootstrap.com/docs/4.3/components/forms/
Template page | https://pixinvent.com/demo/vuexy-html-bootstrap-admin-template/html/ltr/vertical-menu-template/form-layout.html

#### Horizontal Forms

Horizontal Forms labels have inline styling where form controls are in the same line as its label. Add `.form-horizontal` class to the form tag to have horizontal form styling.

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

Find Form Layout style options below :

Layout style options | Class | Description
--- | --- | ---
Form Horizontal | `.form-horizontal` | Use this class for Horizontal Form Layout with form tag.

#### Form With Label Placeholder

Floating Labels are used for inline styling where form controls comes before its label. Add `.form-label-group` class to the parent of input and label tags to have floating label form styling.

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

Find Form Layout style options below :

Layout style options | Class | Description
--- | --- | ---
Floating Label Form | `.form-label-group` | Use this class for floating label form Layout to the parent of input and label tags.