Skip to content

Forms

Consistent styles are applied to native input, select, and textarea elements by default. While basic styling is provided for radio and checkbox inputs, using their styled versions via the .radio and .checkbox classes is recommended. Use the grid classes to help position form elements. Use the .alert-* classes for different alert messages. You can also use the .error class to highlight fields with errors. The .help and .help-error class can be used to add extra help text to fields as well.

.alert-info
.alert-success
.alert-warning
.alert-error
This field is required.
Select one of the above options.
Choose one
Check all that apply

All button and input elements of type button, submit, and reset are automatically styled by default. You can change the default button styles by using any combination of the btn-* classes below. The .btn class can even be used on anchor elements.

Anchor
Intro Type Lists Tables Forms Grid Download