Forms - Layout

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

Input

This field is required.

Select one

Select one of the above options.

Textarea

Select multiple

Choose one This radio input is checked. This radio input is unchecked. This radio input is unchecked. This radio input is disabled.

Check all that apply This checkbox input is checked. This checkbox input is unchecked. This checkbox input is disabled. This checkbox input is disabled and checked.

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