FieldGroup

Basic fieldgroup

.bf-fieldgroup is a container for grouping multiple related input fields together.

Alert fieldgroup

.bf-fieldgroup-alert Gives a red outline for the whole group

Fieldgroup with label

Since fieldgroup deals with multiple form fields, each of which should have their own label, we can mark up the grouped fields as a <fieldset> with a <legend> styled as a .bf-label.

Label variants

See our label for how to style labels in different states such as required, optional, disabled, and read only.