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 |