Form Layouts

Basic Form

This is the most basic and default form having inputs, labels and buttons.

Hidden Label Form

Use label.sr-only to hide a label and input.round for round inputs. You may add placeholder attribute.

Horizontal Form

Use label.col-form-label for proper padding to a label. You can align label to right side by using .text-right. Use input.square for square inputs.

Form Actions

You can use form actions on top & bottom and can also align them inside the form.

Bordered Form

Use form.form-bordered .form-group for bordered form and label.label-control for proper padding to a label.

$
.00

Striped Row

Use form.striped-rows .form-group for striped form and label.label-control for proper padding to a label. You can use bordered and striped both at the same time.