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 | https://demos.pixinvent.com/apex-html-admin-template/demo-1/form-layout.html |